关于 ai-design-workflow
ai-design-workflow 是供设计团队在设计过程中使用 AI 的技能,说明各阶段的辅助方式、提示词组织与迭代方法,并强调人工审核和向客户保持透明。
主要功能
- 01按设计阶段提供 AI 使用指引
- 02五部分提示词简报结构
- 03迭代优化提示词
- 04AI 辅助设计评审模式
- 05人工验证与客户透明沟通
适用场景
- 01发现项目简报中的疑问
- 02生成并筛选情绪板方向
- 03优化界面微文案
- 04检查设计的清晰度与无障碍性
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ flitzrrr/ frontend-design-skills --skill ai-design-workflow安装后在 Claude Code 中输入/ai-design-workflow确认已加载。
详细介绍
AI 设计工作流
AI 是助手,不是自动驾驶仪。方向、决策和质量仍由你掌控。AI 能加速单个步骤,但无法替代策略或判断。
适用范围
在以下情况下使用此技能:
- 有目的地将 AI 工具融入设计阶段
- 为设计任务构建提示词
- 评估并结合上下文审视 AI 生成的内容(文本、图像)
- 在评审期间将 AI 用作探讨观点的伙伴
- 告知客户 AI 的使用情况
- 希望在使用 AI 的同时保留自己的设计风格
原则
1. AI 是助手,不是自动驾驶仪
你仍然掌控全局。AI 能加速单个步骤,但无法替代策略或判断。
2. 工作流决定一切,而非工具
提前定义 AI 会协助哪些阶段,以及不会协助哪些阶段。没有清晰的流程,结果就会变得随意。
3. 撰写提示词就是编写简报
适用于优质客户简报的原则同样适用于 AI:背景、角色、任务、格式、语气。
4. 组合能力强,概念能力弱
AI 会在已知模式之间进行插值(组合式创造力)。有意打破惯例则需要由人来完成。
5. 对客户保持透明
坦诚沟通项目中 AI 的使用环节和方式。隐瞒使用情况会损害信任。
6. 每个 AI 输出都是草稿
未经检查的 AI 输出不得投入生产。每个结果都必须经过人工审核。
规则
应做:在各设计阶段有目的地使用 AI
| 阶段 | AI 的用途 | 由人决定 |
|---|---|---|
| 简报 | 分析缺失内容和矛盾之处 | 哪些问题值得关注 |
| 研究 | 描述行业模式和竞争情况 | 哪些洞察值得关注 |
| 用户画像 | 完善假设,检查合理性 | 最终的用户画像定义 |
| 概念 | 提供情绪板变体和创意技巧 | 选择后续方向 |
| 视觉设计 | 配色方案、字体搭配、微文案 | 构图、一致性、最终设计 |
| 评审 | 批判性评估、无障碍审查 | 是否落实反馈 |
| 交付 | 文档模板、风格指南文案 | 事实准确性 |
应做:像编写简报一样构建提示词
有效的提示词包含 5 个要素:
- 角色: AI 应扮演什么角色?(“你是一位经验丰富的 UX 设计师……”)
- 背景: 起始情况(项目、行业、目标受众)
- 任务: 具体要完成什么?(每个提示词只包含一项任务)
- 格式: 以什么形式呈现?(列表、表格、散文)
- 限制: 哪些事情不应该发生?(限制条件、风格指南)
应做:迭代提示词,而非一次成型
- 从粗略的提示词开始,评估并完善。
- 使用后续提示词:“语气更正式一些”“缩减到 3 个变体”“解释你的选择。”
- 一连串提示词胜过一个完美的提示词。
应做:在评审中将 AI 用作探讨观点的伙伴
- 用文字描述已完成的设计,并请 AI 进行批判性评估。
- 询问是否存在误解、不清晰的元素或无障碍障碍。
- 仅仅是组织语言描述的过程,往往就能揭示薄弱之处。
应做:结合上下文评估 AI 生成的图像
- 适用: 抽象背景、通用插画、概念可视化。
- 不适用: 真实的企业摄影、人像、品牌专属图像。
- 明确告知客户哪些是占位素材,哪些是最终素材。
不应做:无计可施时把 AI 当作最后的手段
- 如果所有变体都显得千篇一律,问题在于缺少概念,而不是提示词不够好。
- 回到策略阶段。
不应做:未经结合上下文的审查就采用 AI 输出
- AI 不了解公司的历史、市场背景或客户情绪。
- 根据简报、品牌和目标受众验证每个结果。
不应做:在不同项目中重复使用提示词
- 在不同项目中使用相同的提示词,会导致结果大同小异。
- 始终根据项目背景调整提示词。
不要:将 AI 用作用户测试的替代品
- AI 可以生成假设,但无法模拟真实反应。
- 必须继续与真实用户进行可用性测试。
模式
简报分析提示词
在项目启动时:“这是 [project type] 项目的简报。请找出尚未解答的问题、模糊的需求,以及开始前需要澄清的事项。”结果:结构化的问题列表。详情和提示词模板请参见 references/prompt-patterns.md。
情绪板发散
在早期概念阶段:1. 使用图像生成器生成 15–20 个变体,2. 精选出 2–3 个方向,3. 将其作为决策依据进行展示。
SCAMPER 提示词链
用于拓展现有想法:AI 从每个 SCAMPER 视角审视一个想法(替代、组合、调整、修改、另作他用、消除、反转)。
文案优化循环
用于微文案、按钮标签和错误消息:1. 描述语境、语气和功能,2. 生成 5 个变体,3. 选出最佳版本并进行优化。
AI 评审环节
在视觉设计完成后、交付前:1. 用文字详细描述设计,2. 请 AI 针对清晰度、无障碍性和一致性进行批判性评估,3. 将回复用作检查清单。
文档加速
在交付阶段:描述设计决策,并生成结构化的文档模板。几分钟即可生成框架,无需耗费数小时。
反模式
AI 同质化陷阱
由于使用相同的工具和相似的提示词,所有项目看起来都一样。解决方案: 将 AI 输出视为原始素材,而非最终成品。必须保留可识别的个人设计风格。
提示词完美主义者
花数小时打磨完美提示词,而不是迭代工作。解决方案: 从 80% 完成度的提示词开始,通过 2–3 次迭代进行优化。
将缺乏专业知识归咎于 AI
以“AI 就是这么做的”作为理由。解决方案: 设计师必须能够为每项决策提供合理依据。
受炒作驱动而采用功能
不评估价值,就立即集成每项新 AI 功能。解决方案: 先在测试项目中评估,再用于正式生产。
检查清单
- 已按设计阶段明确规划 AI 的使用方式(哪些环节使用,哪些不使用)
- 提示词包含角色、语境、任务、格式和限制条件
- 已在内部记录 AI 生成的内容
- 已根据简报和品牌价值观验证每项 AI 输出
- 已将 AI 生成的图像标记为概念素材或最终成品
- 已告知客户 AI 的使用情况
- 已在交付前进行 AI 评审
- 已规划与真实用户进行可用性测试(不以 AI 取代)
- 最终成果中仍能识别出个人设计风格
交叉引用
design-process— AI 工作流是设计流程的扩展,而非替代品customer-journey— AI 可加快用户画像开发和触点分析landing-pages— AI 生成的文本和图像必须符合着陆页标准website-audit— AI 工具可辅助网站分析branding-identity— AI 输出必须符合品牌形象