canvas-design
一个用于快速生成UI/UX设计草稿和原型的AI工具。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：canvas-design。 它的用途是：一个用于快速生成UI/UX设计草稿和原型的AI工具。 详细介绍见：https://321skill.com/skills/canvas-design/ 请根据该页面的说明完成安装。
使用示例
“帮我设计一个音乐播放器App的主界面，要有播放控制、歌曲列表和专辑封面显示区域。”，它会生成一个包含这些核心区域的布局线框图，并可能标注出各个功能区。或者
对AI说：“为一个在线课程平台画一个课程详情页的草图。”，它会输出一个包含课程标题、视频区、简介、目录和购买按钮的页面布局。
介绍
canvas-design Skill 旨在帮助用户快速将设计想法转化为可视化的草稿和原型图。它解决了从零开始绘制界面耗时耗力、设计工具学习成本高的问题。
使用时，用户只需通过自然语言向AI描述设计需求，例如“设计一个简洁的登录页面”或“绘制一个电商App的商品详情页布局”，Skill便能生成对应的设计草稿或线框图，并可能提供布局建议和组件描述。
该Skill特别适合需要快速验证设计概念、进行早期原型演示或缺乏专业设计工具使用经验的角色。它降低了设计表达的门槛，让想法能更快被看见和讨论。
建议将此Skill用于创意发散、方案初稿和团队内部沟通阶段。对于需要高保真视觉设计、复杂交互逻辑或最终交付物，仍需配合专业设计软件进行深化。
核心特点
与同类设计生成工具相比，它更侧重于通过对话快速理解需求并产出基础布局和组件结构，而非生成复杂的视觉渲染图，更适合产品构思和早期原型阶段。
注意事项
不适合生成可直接用于开发的高保真视觉设计稿或包含复杂动态交互的原型。
常见问题
它能生成可交互的原型吗？
不能，它主要生成静态的设计草稿和布局线框图，用于展示结构和想法。
需要提供什么格式的设计描述？
使用自然语言描述即可，例如页面功能、包含的元素、风格倾向（如简洁、现代）。