SuperAPI AI 工具集

shape

设计与创作

查看项目

更新于 10-15 15:50

技能介绍

用途:shape 是 ui-craft 技能下的一枚镜头,专注“先结构、后代码”。它不产出 JSX、CSS 或组件代码,只产出 shape 产物,用来强制在动手前完成内容盘点、布局分区、状态覆盖与遗留问题梳理。若同时安装了 ui-craft 主技能,应先读其 SKILL.md 的 Discovery、Anti-Slop 与 Craft Test。

主要流程:一、澄清,先向用户提 3 至 5 个问题,不猜测,最少包括:本屏主要用户动作(一个动词、一个宾语)、默认可见与点击或切换后才可见的数据、成功的样子(状态、跳转还是提示)、主要用户是谁(新手、重度用户还是移动优先)。二、内容清单,逐条列出所有内容并标注优先级:P0 首屏必见,P1 一次点击可达(标签页、折叠、抽屉),P2 设置级、很少访问。三、ASCII 布局,低保真,不含具体文案、颜色与字号,给一版桌面与一版移动;允许不对称,不必强行居中。四、状态清单,枚举 idle、loading、empty、error、partial、conflict、offline、success,并各标注必需、可选(原因)或不适用。五、开放问题,未答完不写代码,默认包括强调色来源、字体 token、响应式最小宽度、技术栈、数据来源是否真实 API、键盘与无障碍要求等。

CRAFT_LEVEL 调节:等级不低于 7 时,额外加“动效形态”(哪些元素进场、顺序与错峰,时长取 references/motion.md 的刻度)与“字体层级计划”(display、headline、body、label 的字号与字重);等级不高于 4 时,状态清单只保留 idle、loading、error,并跳过动效形态。

持久化:打印完五个步骤后,可询问是否写入 .ui-craft/spec.md 的 ## Surface: 段落;用户确认才写,拒绝则不写任何文件并说明。独立运行 /shape 时默认只打印,第六步只是提议。

限制:不得编写 JSX、CSS 或组件代码;输出为单个按序排列的 Markdown 块;结尾提示确认遗留问题后再运行 /ui-craft:audit,或用 /craft 进入构建阶段。资料未提供具体收费与平台信息。