应用介绍
想让 AI 出个像样的界面稿，就得打开 claude.ai/design，多一个网页、多一份订阅，做完的东西还留在别人的服务器上。baoyu-design 把这套设计引擎打包成一个 Agent Skill，丢进 Cursor、Claude Code、Codex 这类能读写文件的本地 agent 里，在编辑器里就能出活，成品直接落在你自己的仓库。
它出的是自包含的 HTML：UI 稿、可点的交互原型、线框图、落地页、仪表盘、手机 App、整套幻灯片都行。因为产物就是 localhost 上的一个网页，你可以用 agent 自带的浏览器预览，直接指着按钮说“这里改成这样”，它回头去改源码，比在网站上反复描述省事得多。
先问再做：开工前会先把需求问清楚、收集设计上下文，再产出一个或多个 HTML 成品，最后自己预览核对。
覆盖面很宽：高保真设计、交互原型、线框、幻灯片与演讲备注、手机原型、动画视频、官网落地页、社交媒体图文、HTML 邮件、传单和三折页，还有数据可视化、地图、文档和 3D 物件。
设计系统：可以创建并复用一套设计系统，也能从 Figma 的 .fig 文件、GitHub 仓库或现成的 HTML/CSS 里导入。
多种导出：独立 HTML、PDF、可编辑的 PPTX、截图版 PPTX、MP4 视频，也能发到 Figma、Canva，或交给 Claude Code 接着写成代码。
现成组件：自带设备、浏览器和各社交平台的外壳、可缩放的设计画布、幻灯片与图表舞台、参数调节面板等脚手架，agent 不用从零手搓。
本地优先：纯 Markdown 加少量脚本，不用构建；MIT 协议。模型越强效果越好，作者推荐搭配 Opus 使用。
它出的是自包含的 HTML：UI 稿、可点的交互原型、线框图、落地页、仪表盘、手机 App、整套幻灯片都行。因为产物就是 localhost 上的一个网页，你可以用 agent 自带的浏览器预览，直接指着按钮说“这里改成这样”，它回头去改源码，比在网站上反复描述省事得多。
软件功能
先问再做：开工前会先把需求问清楚、收集设计上下文，再产出一个或多个 HTML 成品，最后自己预览核对。
覆盖面很宽：高保真设计、交互原型、线框、幻灯片与演讲备注、手机原型、动画视频、官网落地页、社交媒体图文、HTML 邮件、传单和三折页，还有数据可视化、地图、文档和 3D 物件。
设计系统：可以创建并复用一套设计系统，也能从 Figma 的 .fig 文件、GitHub 仓库或现成的 HTML/CSS 里导入。
多种导出：独立 HTML、PDF、可编辑的 PPTX、截图版 PPTX、MP4 视频，也能发到 Figma、Canva，或交给 Claude Code 接着写成代码。
现成组件：自带设备、浏览器和各社交平台的外壳、可缩放的设计画布、幻灯片与图表舞台、参数调节面板等脚手架，agent 不用从零手搓。
本地优先：纯 Markdown 加少量脚本，不用构建；MIT 协议。模型越强效果越好，作者推荐搭配 Opus 使用。
