# Creative Design Workflow

> 为网站、App 和交互原型执行 Discover 探索、Define 确立、Deliver 交付三阶段设计流程。适用于从零创意设计、去除 AI 模板感、视觉重设计，或用户明确要求创意设计三阶段工作流；普通功能修复或局部样式调整不自动触发整套重设计。

- Skill: `ccsang/creative-design-workflow` (Agent Skill, multi-file: 6 files)
- Install (CLI): `npx skillmds@latest add ccsang/creative-design-workflow`
- Raw SKILL.md: https://api.skillmd.com/api/skills/ccsang/creative-design-workflow/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Productivity
- Author: ccsang (https://skillmd.com/u/ccsang)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/ccsang/creative-design-workflow

---


# 创意设计三阶段工作流

先扩大可能性，再以独立视觉判断确立方向，最后通过克制与验证交付可用产品。完整采用来源文章的三阶段、六项技法。出处与改编边界见 [sources.md](references/sources.md)。

## 开始工作

提炼受众、核心任务、内容、平台、品牌约束和交付范围。非关键缺失信息可声明假设并推进。新设计依次执行三阶段；已有明确方向时继承它、补齐缺失环节。用户要求完整流程时，不省略探索或减法审查。

在项目工作目录维护简洁的 design-brief.md：目标、候选、选定方向与理由、字体/配色/构图/材质/交互原则、应避免的套路、素材方案、验收条件。已有同类文档则更新它。

查看可用工具和模型。网站构建使用适用的 Sites 技能；实际生图读取 imagegen；实际制作视频或动画读取 hyperframes 入口。纯粹规划不启动生成，不假定某种模型、API 或订阅一定可用。

## Discover：扩大可能性

读取 [discover.md](references/discover.md)，执行两项技法：

1. 外部随机种子：用运行时随机源打破默认联想，将字符结构转化为视觉规则。不要让语言模型口头编造随机性，不在产品上展示种子。
2. 大胆且具象的诉求：广泛列举一句话概念 → 融入个人审美反馈收敛 → 反向生成可执行 POC 提示词。用户未指定方向时自主比较、选择并说明理由，继续实现。

产出必须明确到构图、字体、色彩、素材与交互，不以“高级、惊艳、独特”替代决策。先做能够实际渲染和体验的概念版本。

## Define：确立视觉个性

读取 [critic.md](references/critic.md)，执行第三项技法：独立截图评审闭环。本技能明确要求有子智能体能力时，为视觉评审创建全新上下文的独立设计挑刺官。使用 fork_turns="none" 或等价隔离机制，仅给固定角色指令与实际截图，不继承本会话。评审期间主执行者继续独立的功能或布局检查。

先运行 1–2 轮观察收敛，默认最多 4 轮；9/10 分是辅助目标，不是质量证明。遵守引用文件的停机条件。每轮优先修复最显著的问题，再截图验证，保留选定的视觉意图。

读取 [media.md](references/media.md)，逐项评估另外两项技法：

4. 生成图片：让图片承担主体、材质或叙事，改善纯代码占位物的单薄感。
5. 生成视频：分别评估透明背景微动效、滚动驱动转场。任务契合且工具可用时实施，否则记录不采用的设计理由或具体工具限制。不默默省略，也不机械堆素材。

## Deliver：做减法并交付

执行第六项技法，逐项质问元素是否服务核心任务：

- 删除无意义光晕、装饰色块、悬浮元素、重复容器、冗余标签、解释文字与过度高亮。
- 保留承担状态、层级、操作反馈和鲜明设计语言的元素。克制不等于全白、无图或无动效。
- 让核心内容主导，优先使用适合平台的成熟交互与原生组件，不为个性重新发明每个按钮。
- 在实际浏览器或目标平台确认主要任务可完成、信息层级清晰、适用视口无溢出、素材不遮挡内容、键盘焦点和关键状态可辨识。
- 视频补查加载、循环接缝、滚动映射、静态回退和减少动态效果偏好，见媒体文件。

保存最终实现对应的截图与精简的 design-review.md：每轮问题/改动/分数/停机原因、最后的删减、验证结果、未解决限制。

交付可运行结果或用户请求的设计产物，简述方向、主要改进、真实完成的验证和限制。不能仅交概念清单，不声称未执行的生成或独立评审已完成。