Starchild Design Pack 是一个用于界面设计与实现的设计手册技能。当用户提出设计 UI、改进 UX、审查界面质量或应用设计系统等需求时会使用它。
默认风格
在用户未指定覆盖时，技能采用以下默认视觉规格：
- 主色（Primary）：#F84600
- 背景（Background）：#000000
- 表面（Surface）：深炭灰
- 文字（Text）：#FFFFFF
- 圆角（Radius）：12px–16px
- 胶囊圆角（Pill radius）：9999px
- 字体（Font）：Google Sans，回退为 system-ui、-apple-system、Segoe UI、Roboto、Helvetica、Arial、sans-serif。
硬性护栏
- 用户方向始终优先。
- 保持文件简单紧凑；除非被要求，不要构建过度工程化的 token 系统。
- 避免 AI 通用默认风格：除非明确要求，不要使用以紫色/紫罗兰/靛蓝/洋红为主的强调配色。
- 始终定义加载、空、错误、成功状态。
- 始终包含无障碍基础（对比度、键盘焦点、语义结构）。
交付内容
根据请求选择合适层级：
- UI 方向（布局、层级、间距）
- UX 流程（状态与边界情况）
- 设计系统 token/组件
- 实现计划（文件级修改与验收标准）
如果用户要求 "full"：
- 方向 → 2. UX 状态 → 3. 系统 token/组件 → 4. 实现计划。
快速审查清单
- 主题基础正确（深色/浅色意图）
- 圆角系统一致（12–16 + 胶囊）
- 字体连贯（默认 Google Sans，除非被覆盖）
- CTA 层级明显（对比度、位置）
- 间距透气（不拥挤）
- 边框噪音受控（避免厚重的盒状 UI）
- 交互状态齐全（悬停/聚焦/禁用/加载/错误）
- 具备无障碍基线
- 配色避免默认紫色系偏移
任务与资源对应
- "设定视觉方向" → docs/aesthetic-tokens.md
- "做一次快速 UI 审查" → references/10-checklist-new-interfaces.md + 上方清单
- "检查与目标风格的还原度" → references/11-checklist-fidelity.md
- "改善 UX 清晰度" → references/20-patterns-*.md
- "需要示例/灵感" → data/*.csv（仅供参考；非默认权威）
- "生成 token 脚手架" → scripts/design_system.py
资源结构
- docs/aesthetic-tokens.md —— 规范视觉 token
- docs/CREDITS.md —— 来源/署名
- references/ —— 清单与 UX 模式
- data/ —— 参考数据集（仅供灵感）
- scripts/ —— 工具脚本
说明
- 建议应实用且具备实现可落地性。
- 优先给出具体的组件/状态指导，而非抽象设计讨论。
- 除非被要求切换，保持与项目技术栈兼容。
关于该技能的具体安装方式、收费模式、支持的平台与运行环境，资料中暂未提供。