SuperAPI AI 工具集

interface-design

前端与建站

查看项目

更新于 10-15 21:35

技能介绍

用途:为产品型界面提供设计流程,适用于仪表盘、管理后台、SaaS 应用、工具与设置页面、数据界面;不适用于落地页、营销站点与推广活动,这类应转向 $frontend-design。

主要能力:给出五步工作流——意图(明确用户是谁、要完成什么动作、应有的感受,不清楚则直接询问用户)、领域探索(输出领域概念、色彩世界、标志性元素、已命名的默认做法共四项)、提出方向(展示探索结果并取得用户认可)、构建(应用层次、令牌、排版、间距等工艺基础)、评估(展示前跑强制检查)。核心规则:每个设计选择都要有“为什么”;提出方向前先产出四项领域输出;展示前运行互替、眯眼、标志性、令牌四项检查;可复用模式使用两次以上后保存到 docs/design-system/interface-system.md。

必要用法与约定:在 Codex 中以 $skill-name 形式调用仓库技能;执行工作流或技能步骤前先建立并同步任务跟踪,每一步开始设为 in_progress、结束设为 completed,每步须附证据或跳过理由;需项目文档时先读 docs/project-config.json、docs/project-reference/docs-index-reference.md、docs/project-reference/lessons.md,再按任务打开相关文件;组件模式见 docs/project-reference/frontend-patterns-reference.md,样式/BEM 指南见 docs/project-reference/scss-styling-guide.md;文档缺失或过期时按指引自动运行 $project-init 或更窄的设置路由。

限制:不得跳过、重排或合并步骤,除非用户事先明确同意;环境无法运行所需步骤或工具时应停止并询问用户;不得盲目读取全部文档;若 Codex 镜像或 AGENTS.md 缺失或过期,应请用户运行 $sync-codex,而非自动运行。