以 skill 自身的术语
一个以品牌为先的落地页设计器：进行三部分访谈（产品目的、品牌感受、视觉偏好），将回答转化为 Stitch 设计系统（将形容词映射到 colorVariant，字体映射到 headlineFont/bodyFont，形状映射到 roundness），生成桌面端和移动端界面，通过结构化反馈（变体、编辑、回滚）引导迭代优化，并交付一个可部署的产物包，包含带版本号的 HTML、DESIGN.md、颜色 token 和 DEPLOY.md。
适用于构建单一用途落地页或产品营销网站、且尚无明确视觉方向的用户。不适用于仪表盘、多页面应用、组件级工作，或已有设计稿的用户。
它产出什么
- 可部署的 zip 产物包，包含 index.html（桌面端）、mobile.html（如已生成）、DESIGN.md、color-tokens.json、用户资源以及 DEPLOY.md 检查清单
- DESIGN.md，记录设计系统内容，包括品牌感受、附带十六进制值和理由的色彩方向、排版选择，以及形状圆润度说明
- color-tokens.json，包含结构化的设计 token：主色、colorMode、colorVariant、字体、roundness
- DEPLOY.md 部署检查清单，根据 references/state-and-pitfalls.md 中的模板生成
工作方式
- 01验证 Stitch SDK 与环境
在开始访谈之前，该 skill 会在 SDK 缺失时进行安装，验证 API key 环境变量是否已设置，并进行一次最小化的 SDK 调用以确认鉴权。
- 02运行三部分品牌访谈
A 阶段获取产品名称、产品功能、目标用户及期望的 CTA。B 阶段获取 3 个品牌形容词以及浅色/深色偏好。
- 03将访谈内容转化为 Stitch 参数
该 skill 使用一张转换表，将品牌形容词映射到 colorVariant 枚举，将浅色/深色映射到 colorMode，将字体偏好映射到 headlineFont 和 bodyFont，将锐利/圆润映射到 roundness 枚举。
- 04生成界面并在浏览器中打开
该 skill 以 deviceType DESKTOP 调用 generate_screen_from_text，将返回的 HTML 保存为 .stitch/designs/ 目录下的 desktop-v1.html，并使用特定操作系统的命令在本地打开它。
- 05在反馈循环中迭代
每次生成后，该 skill 会提出三个反馈问题，将用户反馈转化为用于针对性修改的 edit_screens 调用，或用于探索的 generate_variants 调用，并以递增的文件名保存新版本。
- 06交付部署包
该 skill 会创建一个 zip 文件，其中包含重命名为 index.html 的最终 HTML、（如已生成）mobile.html、记录品牌系统的 DESIGN.md、color-tokens.json、用户资产，以及一份 DEPLOY.md 检查清单。