用途：该技能包用于前端设计工作，充当设计负责人、UI 评审与实现规划角色。当用户要求设计或优化界面、审查 UI/UX 质量、制定前端实现方案时使用。
品牌基准：Starchild 品牌资产（标志、字体、颜色令牌、背景、语气规则）以托管品牌注册表为准：https://community.iamstarchild.com/1892-starchild-brand/ ，可直接获取 brand.json、tokens.css、brand.md 及 assets 目录。生成标志、调色板、字体、幻灯片、落地页或社交资产前应先获取注册表，不要凭记忆重建品牌资产；若与文中令牌冲突，以注册表为准。
样式优先级：用户明确指定样式时以用户为准；无明确方向时默认应用 Starchild 令牌与布局语言；混合需求可保留 Starchild 结构并融合指定风格。默认令牌包括主色 #F84600、背景 #FFFFFF、文字 #151515、黑色 #050505、圆角 12px–16px、胶囊圆角 9999px、橙色梯度 #FFF0DB 至 #8F2A00，字体为 Power Grotesk、Google Sans，回退 Inter、system-ui、sans-serif，CSS 变量为 --brand-*。
交付内容：按请求级别选择，包括 UI 概念与布局方向、UX 流程与状态（加载/空/错误/成功/边界）、设计系统输出（令牌、组件状态、交互规则）、实现计划（文件级改动、组件拆分、验收标准）；若要求“全部”，按设计方向、UX 流程、设计系统、代码改动计划顺序交付。
评审流程：优先检查基础主题错误、圆角不匹配、边框过重、视觉层级弱、间距拥挤、缺少交互状态、无障碍缺口（对比度、键盘焦点、语义）。严格标准审查时可获取 references/web-interface-guidelines-source.md 的当前指南。
资源：按需使用 docs/aesthetic-tokens.md、docs/CREDITS.md、references/、data/、scripts/design_system.py、scripts/search.py、scripts/core.py，无需全部加载。
输出标准：具体命名组件、状态、间距与字体选择，包含无障碍预期，优先实践性实现指导。该包包含 Ben Yorke 与 Starclawd 的谱系与致谢。具体安装方式与收费信息暂未提供。