不用设计软件，它能把界面想法做成能直接打开的独立网页稿，帮产品设计、前端和研发快速展示原型。
怎么用
该技能用于把界面、流程或视觉成果制作成自包含的HTML产物。它会先进行设计方法流程，再根据当前运行环境加载对应工具说明，最后生成一个或多个HTML交付物并进行预览与校验。
触发场景
用户要设计、做原型、画线框、展示界面、做落地页、做仪表盘、做应用屏幕、做移动端界面、做演示文稿
优劣特点
亮点包括：覆盖UI mockup、interactive prototype（交互式原型）、wireframe（线框图）等多种设计产物；支持Claude Code、Cursor、Codex Agent等不同运行环境；强调生成独立HTML交付物。局限或前提包括：需要根据具体harness（运行环境）读取对应参考文档；新任务通常需要先做澄清提问；输出以HTML为主。
适用人群
适合需要把产品想法快速整理为可展示界面稿的产品设计、前端、研发或AI编程工具使用者，也适合在Claude Code、Cursor、Codex环境中做设计产物输出的使用者。
常见问题
它是做什么的？
不用设计软件，它能把界面想法做成能直接打开的独立网页稿，帮产品设计、前端和研发快速展示原型。
支持哪些工具？
这个技能可以装进 Claude Code、Codex。
怎么用？
该技能用于把界面、流程或视觉成果制作成自包含的HTML产物。它会先进行设计方法流程，再根据当前运行环境加载对应工具说明，最后生成一个或多个HTML交付物并进行预览与校验。
源码在哪里？
源码地址：https://github.com/JimLiu/baoyu-design/tree/main/skills/baoyu-design
怎么安装？
安装在星算助手客户端里完成 —— 由它决定装进 Claude Code、Codex 还是别的工具，并写好对应配置。