design-workflow：把AI设计工具串成协作流水线
AI 做设计，最难的不是”生成”，是”流程”
你有没有这种感觉——让 AI 画个图，它能给你 10 个版本；但让它”做一个完整的设计”，它就懵了。
因为真正的设计工作不是一次生成，是需求拆解 → 灵感收集 → 线框图 → 视觉风格 → 素材生成的一整套流程。AI 单点能力再强，没有流程串联，就是一盘散沙。
今天挖到一个 GitHub 项目，专门解决这事儿——design-workflow。
7 个 Skill 串联整套设计流水线
这个仓库一口气打包了 7 个互相配合的 AI Design Skill，覆盖设计项目的全生命周期：
- design-analyze：把产品需求拆解成流程、页面、组件、原子——用 Brad Frost 原子设计方法论
- design-inspire：从真实 App / 网页 / 截图里抓参考图，建情绪板（mood board）
- design-wireframe：基于设计系统组件，生成完整的响应式页面线框图
- design-style：定义视觉方向（stylescape），生成带真实样式的页面，给客户出展示稿
- design-assets：生成和编辑图片，支持 DALL-E 3、Imagen 3、Gemini 系列模型；还接了 Unsplash 图库
- design：项目总入口，管理和展示整个设计流程的进度
- setup-design-gen：一次性配置 OpenAI / Google Cloud / Unsplash 的 API Key
支持三大图片生成模型，按需切换
design-assets 这个 Skill 是亮点——它同时接入了：
- OpenAI：DALL-E 3、GPT Image 1
- Google Vertex AI：Imagen 3、Imagen 4
- Google Vertex AI Gemini：gemini-2.5-flash-image、gemini-3-pro-image-preview
生成、局部重绘（inpaint）、扩展（outpaint）、去背景，一条 Skill 全搞定。对于设计师来说，不用在多个工具之间来回跳，一个入口分发到最优模型。
谁适合用？
设计师 / 艺术总监：用它管理从需求接收到最终风格定义的全流程；AI 产品经理：快速生成设计稿用于 MVP 验证；独立开发者：没有设计资源，自己搞定整套 UI。
整个 Skill 包基于 HTML Template 设计系统，输出的是真实可用的页面，不是”看起来像设计稿的图”。
一句话总结
design-workflow 把 AI 设计工具从”单点生成”升级成”协作流水线”——7 个 Skill 各司其职，从需求到成稿一气呵成。适合所有不想被 AI 图像工具牵着鼻子走、想要真正设计主导权的人。
GitHub 链接收好：https://github.com/designcraveyard/design-workflow
评论区
0 条评论
登录后可评论。