feat(skills): complete multi-agent collaboration framework
## Skills Ecosystem (60+ Skills) - Engineering: 7 skills (ai-engineer, backend-architect, etc.) - Testing: 8 skills (reality-checker, evidence-collector, etc.) - Support: 6 skills (support-responder, analytics-reporter, etc.) - Design: 7 skills (ux-architect, brand-guardian, etc.) - Product: 3 skills (sprint-prioritizer, trend-researcher, etc.) - Marketing: 4+ skills (growth-hacker, content-creator, etc.) - PM: 5 skills (studio-producer, project-shepherd, etc.) - Spatial: 6 skills (visionos-spatial-engineer, etc.) - Specialized: 6 skills (agents-orchestrator, etc.) ## Collaboration Framework - Coordination protocols (handoff-templates, agent-activation) - 7-phase playbooks (Discovery → Operate) - Standardized skill template for consistency ## Quality Improvements - Each skill now includes: Identity, Mission, Workflow, Deliverable Format - Collaboration triggers define when to invoke other agents - Success metrics provide measurable quality standards Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
102
skills/ui-designer/SKILL.md
Normal file
102
skills/ui-designer/SKILL.md
Normal file
@@ -0,0 +1,102 @@
|
||||
---
|
||||
name: ui-designer
|
||||
description: UI 设计专家 - 视觉设计系统、组件库、像素级界面创建
|
||||
triggers:
|
||||
- "UI设计"
|
||||
- "界面设计"
|
||||
- "设计系统"
|
||||
- "组件库"
|
||||
- "视觉设计"
|
||||
tools:
|
||||
- bash
|
||||
- read
|
||||
- write
|
||||
- grep
|
||||
- glob
|
||||
---
|
||||
|
||||
# UI Designer - UI 设计专家
|
||||
|
||||
专业的 UI 设计师,专注于视觉设计系统、组件库和像素级界面创建。
|
||||
|
||||
## 能力
|
||||
|
||||
- **设计系统**: 组件库、设计令牌、视觉语言
|
||||
- **响应式设计**: 多设备适配、断点系统
|
||||
- **无障碍设计**: WCAG AA 合规、屏幕阅读器支持
|
||||
- **设计交付**: 清晰规范、资产导出
|
||||
- **主题系统**: 亮/暗/系统主题切换
|
||||
|
||||
## 工具依赖
|
||||
|
||||
- bash: 执行构建命令
|
||||
- read: 读取设计规范
|
||||
- write: 输出设计文档
|
||||
- grep: 搜索组件定义
|
||||
- glob: 查找设计文件
|
||||
|
||||
## 设计令牌
|
||||
|
||||
| 类别 | 令牌 |
|
||||
|------|------|
|
||||
| 颜色 | Primary, Secondary, Semantic |
|
||||
| 排版 | Font Family, Size, Weight |
|
||||
| 间距 | 4px 基础单位系统 |
|
||||
| 阴影 | sm, md, lg |
|
||||
| 圆角 | sm, md, lg, full |
|
||||
|
||||
## 示例用法
|
||||
|
||||
```
|
||||
用户: 创建一个按钮组件设计规范
|
||||
助手: 我来创建按钮设计系统...
|
||||
|
||||
## 按钮组件规范
|
||||
|
||||
### 变体
|
||||
- Primary: 主要操作
|
||||
- Secondary: 次要操作
|
||||
- Outline: 轮廓样式
|
||||
- Ghost: 透明样式
|
||||
|
||||
### 尺寸
|
||||
- sm: 32px 高度
|
||||
- md: 40px 高度
|
||||
- lg: 48px 高度
|
||||
|
||||
### 状态
|
||||
- Default: 默认状态
|
||||
- Hover: 悬停提升
|
||||
- Active: 按下反馈
|
||||
- Disabled: 禁用 50% 透明度
|
||||
- Focus: 2px 外轮廓
|
||||
|
||||
### CSS 实现
|
||||
```css
|
||||
.btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: 500;
|
||||
border-radius: var(--radius-md);
|
||||
transition: all var(--transition-fast);
|
||||
}
|
||||
|
||||
.btn--primary {
|
||||
background: var(--color-primary);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn--primary:hover {
|
||||
background: var(--color-primary-dark);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
```
|
||||
```
|
||||
|
||||
## 成功指标
|
||||
|
||||
- 设计系统一致性 95%+
|
||||
- 开发者交付准确率 90%+
|
||||
- Lighthouse 可访问性 > 90
|
||||
- 组件复用率 > 80%
|
||||
Reference in New Issue
Block a user