designer-pack
设计师技能包，覆盖设计师日常工作的 6 大核心能力。
基本信息
| 属性 | 值 |
|---|---|
| 层级 | 能力层（user） |
| 版本 | v1.0.0 |
| Domain | design |
| 作者 | mjd |
| 架构 | Skill Pack + Progressive Disclosure |
| 定位 | 设计师的设计体系和流程管理助手。聚焦"管设计 → 出规范"，与其他设计类 Skill（frontend-design / ui-ux-pro-max）形成互补——它们负责"做设计 → 写代码"，designer-pack 负责设计规范制定、走查、交付等流程性工作 |
安装方式
bash
# Shell 命令安装
bash ~/.agents/skills/bin/skill-check.sh install designer-pack
# 手动 Git Clone
git clone http://gitlab.alibaba-inc.com/team-skills/designer-pack.git ~/.agents/skills/designer-pack
# 检测更新
bash ~/.agents/skills/bin/skill-check.sh check designer-pack触发指令
| 你想做什么 | 说什么 | 子 Skill | 产出物 |
|---|---|---|---|
| 制定设计规范 | "制定设计规范" / "色彩体系" / "字体规范" | D1 style-guide | 设计规范文档 |
| 组件规格定义 | "写组件设计说明" / "间距规范" | D2 component-spec | 组件规格文档 |
| 设计走查 | "设计走查" / "还原度检查" | D3 design-review | 走查报告 |
| 无障碍审计 | "无障碍审计" / "a11y 检查" / "WCAG" | D4 accessibility | 无障碍报告 |
| 响应式适配 | "多端适配方案" / "响应式" | D5 responsive-spec | 适配方案 |
| 设计交付 | "设计交付给开发" / "标注文档" | D6 design-handoff | 交付文档 |
工作流程
触发词差异化
与其他设计类 Skill 的明确区分：
| Skill | 聚焦 | 典型触发 |
|---|---|---|
| frontend-design | 生成界面代码 | "帮我做个登录页" |
| ui-ux-pro-max | UI/UX 实现 | "50 种风格 + 调色板" |
| web-design-guidelines | UI 代码审查 | "审查我的 UI 代码" |
| designer-pack | 设计体系和流程 | "制定设计规范" / "设计走查" |
简单记忆：其他 Skill 是"做设计 → 写代码"，designer-pack 是"管设计 → 出规范"。
链式调用
| 场景 | 调用链 |
|---|---|
| 设计到开发 | D1 → D2 → D6 |
| 全链路设计评审 | D3 → D4 → D5 |
版本历史
| 版本 | 主要变更 |
|---|---|
| v1.0.0 | 初始版本，D1~D6 |