SuperAPI AI 工具集

componentize-design

设计与创作

查看项目

更新于 10-16 01:15

技能介绍

用途:将仓库 design-studies(通常 docs/designs/)中一份已定稿的 HTML 设计研究转化为组件化的应用界面代码。HTML 只作为视觉真相,不被移植;只有设计决策以令牌和组件清单的形式保留。若交付物是可复用的跨应用组件库、组件清单已明确,或需先冻结多团队契约,则应改为自下而上的清单优先方式。

主要能力与步骤:一、在写代码前先确定令牌,把设计稿中每个原始值要么吸附到现有令牌,要么按角色提升为新令牌(不做尺度设计,缺整族基础时先执行 design-foundations),并把吸附/提升表展示给用户确认。二、用现有基础组件、共用原子组件和派生视图模型自上而下搭出页面骨架,只用内联标记,不新建具名组件。三、按证据抽取组件:出现重复、属已知跨屏单元、或存在未覆盖状态时才抽取,并写出组件清单(名称、层级、域、props、组合关系、来源锚点),名称一旦写入即冻结。四、为抽取的组件和页面补齐故事与测试。五、验证不自审:先跑通仓库 lint、测试与令牌检查,再由新代理分别做视觉核对和组件化评审,修完所有发现项。

限制:具体命令以仓库规则为准,部分工具与规则细节暂未提供。