ui-component-generator — independently scanned and version-tracked by SaferSkills.
SaferSkills independently audited ui-component-generator (Agent Skill) and scored it 100/100 (green). The audit ran 55 deterministic rules across Security, Supply Chain, Maintenance, Transparency, and Community; it found 0 high-severity and 0 lower-severity findings. The full rule-by-rule trace and per-finding evidence are below. Free, methodology-open.
Findings & checks · 0 flagged
Every scanned point with the score it earned and what moved between them.
First recorded scan — no prior version to compare against.
The primary manifest — the file an agent reads to learn what this artifact does.
专业的 UI 组件自动生成工具,可以根据设计需求快速生成 React、Vue、Angular 等现代前端框架的组件代码。
设计
UI组件, 前端开发, React, Vue, Angular, 设计系统
请帮我生成一个 [框架类型] 的 [组件类型] 组件,具有以下特性:
- [特性1]
- [特性2]
- [样式要求]我需要创建一个专业的 [组件类型] 组件,请生成:
组件要求:
- 框架:[React/Vue/Angular]
- 类型:[函数组件/类组件]
- 样式:[CSS Modules/Styled Components/Tailwind CSS]
- 功能:[详细功能描述]
设计规范:
- 主题色:[颜色配置]
- 字体:[字体配置]
- 间距:[间距系统]
- 动画:[动画要求]
交互需求:
- [交互1]
- [交互2]
- [交互3]
可访问性:
- 需要支持键盘导航
- 包含 ARIA 标签
- 支持屏幕阅读器
响应式要求:
- 桌面端:[桌面端布局]
- 平板端:[平板端布局]
- 移动端:[移动端布局]
请提供:
1. 完整的组件代码
2. 样式文件
3. 使用示例
4. 测试代码生成的组件包含:
MIT License
Claude Skills Hub Team
~30 seconds. Free. No account. Every finding cites a rule and a line of evidence.