mcpField
A
ai-design-workflow

ai-design-workflow

github.com/flitzrrr设计与 UI957 次安装30 周前更新
代码仓库

关于 ai-design-workflow

ai-design-workflow 是供设计团队在设计过程中使用 AI 的技能,说明各阶段的辅助方式、提示词组织与迭代方法,并强调人工审核和向客户保持透明。

主要功能

  1. 01按设计阶段提供 AI 使用指引
  2. 02五部分提示词简报结构
  3. 03迭代优化提示词
  4. 04AI 辅助设计评审模式
  5. 05人工验证与客户透明沟通

适用场景

  1. 01发现项目简报中的疑问
  2. 02生成并筛选情绪板方向
  3. 03优化界面微文案
  4. 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 个要素:

  1. 角色: AI 应扮演什么角色?(“你是一位经验丰富的 UX 设计师……”)
  2. 背景: 起始情况(项目、行业、目标受众)
  3. 任务: 具体要完成什么?(每个提示词只包含一项任务)
  4. 格式: 以什么形式呈现?(列表、表格、散文)
  5. 限制: 哪些事情不应该发生?(限制条件、风格指南)
应做:迭代提示词,而非一次成型
  • 从粗略的提示词开始,评估并完善。
  • 使用后续提示词:“语气更正式一些”“缩减到 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 输出必须符合品牌形象

评论

支持 Markdown