前言¶

开发者经常需要把设计系统文档里的 DESIGN.md 转成可工作的 HTML 原型，手动写 HTML 既慢又容易和设计稿对不上。此技能能根据 Stitch DESIGN.md 和需求描述直接生成单个 HTML 文件原型。

这是什么¶

DESIGN.md转原型 是一个 SkillHub 社区技能，分类为 dev-programming，版本 1.0.0，由用户 87bde67f 发布。它读取 Stitch 的 DESIGN.md 文档，结合需求描述，输出一个可交互的 HTML 原型文件。

核心功能¶

• 读取 Stitch DESIGN.md 文档内容
• 根据需求描述生成单个 HTML 文件
• 输出可工作的原型页面，包含基础样式与交互

安装与启用¶

目前资料未提供具体的安装命令或配置项，需参考官方地址完成安装。

典型用法¶

在对话中提出需求时，提及 DESIGN.md、原型、prototype、mockup、preview 或希望将设计可视化，即可触发此技能。技能会根据 DESIGN.md 和需求描述生成 HTML 原型。

适用场景与注意¶

• 适合需要从 Stitch DESIGN.md 快速产出可工作页面的场景
• 需确保 DESIGN.md 格式符合 Stitch 规范
• 目前无配置项说明，建议按官方地址指引操作

结尾¶

DESIGN.md转原型 将设计文档直接转化为可工作页面，减少手动开发成本。官方地址：https://www.skillhub.cn/skills/user_87bde67f/design-md-to-prototype