html_design_skill
这个工具能把你的UI设计图秒变真实网页代码。上传一张截图或线框图，四个AI专家接力工作：先写需求文档，再画结构草图，接着梳理逻辑层级，最后吐出完美的HTML/Tailwind代码。
功能简介
这个工具能把你的UI设计图秒变真实网页代码。上传一张截图或线框图，四个AI专家接力工作：先写需求文档，再画结构草图，接着梳理逻辑层级，最后吐出完美的HTML/Tailwind代码。
适用能力
[{"title":"设计师的代码翻译官","desc":"四步精准转化流程，把视觉设计变成可交付的前端代码，省去80%重复劳动"},{"title":"复用项目上下文","desc":"结合已有文件、规则和输入材料，减少每次重新说明背景的成本。"},{"title":"输出可交付结果","desc":"适合生成分析结果、执行步骤、代码修改建议或可复制的内容草稿。"}]
输入说明
需求描述、项目文件、参考资料、截图或用户指定的执行规则。
输出说明
分析结果、执行步骤、生成内容、代码修改或可复制的交付文档。
示例提示词
["使用 html_design_skill 帮我处理这个任务","调用 html_design_skill，按当前项目规则给出执行方案","用 html_design_skill 生成一版可以直接交付的结果"]
安装命令
codex skill add glide-the/html_design_skill