SuperAPI AI 工具集

stitch-design-md

设计与创作

查看项目

更新于 10-16 09:48

技能介绍

用途:把 Stitch 屏幕或用户提供的 HTML/截图整理为语义化的 DESIGN.md,沉淀可复用的视觉语言,并保留来源与验证状态。面向设计师、前端开发者及维护该流程的团队。

主要能力:从实际资产提取氛围、颜色角色、字体、圆角、阴影、间距与导航;把实现类名转为可理解的视觉描述,同时保留确切取值与来源;撰写六节 DESIGN.md,本地来源标注为 Source,未知或推断值单独标注;执行入口语义 lint,并用文档重建 palette/layout 说明验证是否能指导下一屏,失败则保留旧文档并输出缺失清单。

使用方式:区分本地与 Stitch 来源,本地不强制 MCP 或虚构 projectId;按顺序推进:来源核对 → 本地产物 → 已授权外部操作 → 验证交接。可定制来源模式、主题、组件范围、术语语言与输出路径;未提供时沿用现有项目值并标明假设。所需素材包括实际 HTML/截图或 Stitch 标识、主题与代表性页面范围、观察来源及希望输出的文件路径。

适用场景:从门店预约页面提炼颜色角色;把本地 HTML 整理为 Stitch 设计文档;检查 DESIGN.md 能否指导下一屏并标出缺失输入与验证状态。

限制与交接:不适用精确框架源码 token 挖掘(→ stitch-extract-design-md)、新风格提案(→ stitch-ui-style)、将系统发布到项目(→ stitch-manage-design-system)。未经验证的参数、视觉效果与业务数字不得编造;无截图证据不称视觉已确认。缺失输入时先输出明确标记的假设草案并列出需补充项,依赖这些输入的写操作不执行。不读取无关账号配置、不收集密码,凭据仅由环境或已授权连接器提供;上传前将客户姓名、电话、订单号替换为演示值。完成标准:六节非空、颜色有名称/值/角色、无未解析占位或伪造项目ID。