SuperAPI AI 工具集

@349/starchild-design-pack

设计与创作

查看项目

更新于 10-16 09:31

技能介绍

用途:为前端工作提供设计负责人、UI 评审与实现规划能力,适合需要设计或优化界面、审查 UI/UX 质量、生成设计系统与落地计划的场景。

主要能力:输出 UI 概念与布局方向(层级、间距节奏、组件映射)、UX 流程与状态(加载/空/错误/成功/边界)、设计系统(令牌、组件状态、交互规则)、实现计划(文件级改动、组件拆分、验收标准)。若用户要求“全部”,按设计方向、UX 流程、设计系统、代码改动计划顺序交付。

品牌与样式:默认使用 Starchild 品牌令牌,权威来源为托管品牌注册表 https://community.iamstarchild.com/1892-starchild-brand/ ,可获取 brand.json、tokens.css、brand.md 及 logos、typography、backgrounds 等资源;生成 logo、配色、字体、演示、落地页或社交素材前应先获取注册表,不要凭记忆重建。核心令牌包括主色 #F84600、背景 #FFFFFF、文字 #151515、黑色 #050505、圆角 12px–16px、胶囊圆角 9999px,橙色梯度 Orange/50 #FFF0DB 至 Orange/600 #8F2A00;标题字体 Power Grotesk,正文/UI 字体 Google Sans,回退 Inter, system-ui, sans-serif。用户明确指定其他风格时以用户为准;未指定则用 Starchild;混合请求保留 Starchild 结构并适配指定细节。

审查流程:优先检查基础主题是否用错、形状是否匹配、边框是否过重、视觉层级、间距密度、交互状态缺失、无障碍缺口。严格标准审计时可参考 references/web-interface-guidelines-source.md 中的当前 Web 界面指南。

资源与用法:按需加载 docs/aesthetic-tokens.md、docs/CREDITS.md、references/、data/、scripts/design_system.py、scripts/search.py、scripts/core.py。输出应具体命名组件、状态、间距与字体选择,包含无障碍预期,并保持与用户技术栈兼容。

限制:资料未提供安装命令、收费、价格、平台支持与效果数据;品牌令牌以注册表为准,若与镜像不一致以注册表为准。