
Design Full
平面设计原子工具, , 建任务工作区与 brief 模板(init)、从内置设计系统库匹配风格(pick)。
Install
npx skills add TeamWiseFlow/xiaobei --skill design-full -g -a claude-code -y- Repository
- TeamWiseFlow/xiaobei8.7k
- Category
- Engineering
- Updated
- 6d ago
- License
- See repository
- Context cost
- Lightabout 544 tokens
- Runs scripts
- Yes, review before use
What it does
平面设计原子工具, , 建任务工作区与 brief 模板(init)、从内置设计系统库匹配风格(pick)。
design-full, 工具说明
本文是
expert-design专家包内的工具说明书,不独立出现在技能列表中。设计流程(brief 闸门、设计系统确认、素材、编写、视觉 review、交付)由包内 SKILL.md 与workflows/编排。
调用方式:design-full <子命令> [参数...](wrapper 转发到 scripts/,零路径拼接)。design-full help 查用法。
| 子命令 | 入 | 出 | 退出码 |
|---|---|---|---|
design-full init <任务名> | 任务名(英文短横线式) | design_assets/YYYY-MM-DD-<任务名>/(含 brief.md 模板、source/、output/),并确保 design_assets/references/、design_assets/brand/ 存在 | 0 成功 / 1 参数错 |
design-full pick "<风格描述>" | 风格描述(中文关键词即可,如"科技感暗色主题") | stdout 列出全部可用设计系统 + 按匹配分排序的 1, 3 套推荐及理由 | 0 成功 / 1 参数错或索引缺失 |
注意事项:
init按当前工作目录建design_assets/,调用时 workdir 必须是 Content Producer workspace 根。init幂等:已存在的brief.md不覆盖(保留已填内容)。pick只做匹配与展示,不写文件;选定结果由 agent 写入任务目录的DESIGN.md。- 匹配是关键词打分(keywords / category / name / description),不是语义检索;描述里多放风格词、行业词、色彩词命中率更高。
内置设计系统库
每套 8 段规范(Visual Theme / Color / Typography / Components / Layout / Depth / Do's & Don'ts / Responsive),文件在工具目录 design-systems/<name>.md,索引 design-systems/index.json。
| 设计系统 | 风格关键词 | 适用场景 |
|---|---|---|
| Stripe | 紫色渐变、优雅、金融科技 | SaaS 产品页、支付/金融科技落地页 |
| Vercel | 黑白极简、精密、Geist | 开发者工具、技术产品官网 |
| Linear | 超极简、紫色点缀、精确 | 项目管理、效率工具 |
| Notion | 暖色极简、衬线标题、柔和 | 知识管理、内容平台 |
| Apple | 极致留白、电影级影像 | 消费电子、高端品牌官网 |
| Supabase | 暗色翡翠绿、代码优先 | 数据库/后端服务、开源工具 |
| Shopify | 暗色电影感、霓虹绿 | 电商平台、商业服务 |
| Figma | 多彩活泼、专业、创意 | 创意工具、设计平台 |
| Spotify | 鲜明绿、大胆排版 | 媒体/娱乐平台 |
| Tesla | 极致减法、全屏影像 | 汽车/硬件、极简品牌 |
| Framer | 黑蓝、动效优先 | 网站构建、交互展示 |
| Airbnb | 暖色珊瑚、摄影驱动 | 旅游/生活服务、社区平台 |
| BMW | 巴伐利亚蓝、暗色奢华、金属质感 | 奢侈品牌、高端产品 |
| IBM | 企业蓝、Carbon 系统、数据密集 | 企业级产品、B2B 服务、数据平台 |
| Starbucks | Siren 绿、温暖社区、自然质感 | 生活品牌、餐饮/零售、社区平台 |
自定义设计系统
内置库覆盖不到时,基于甲方描述自行构建,输出格式参照内置 DESIGN.md 的标准 8 段结构。
也可从上游仓库 VoltAgent/awesome-design-md 导入:
