跳转到使用指南
Design Flow作者 julianoczkowski

Design Flow Skill.

通过明确的阶段和保存的产物,推进设计项目。

  • 设计工作流
  • 评审
源文件解读 · design-flowSKILL.md
任务 通过明确的阶段和保存的产物,推进设计项目。 产出 按实际需要生成的功能需求说明、信息架构和设计变量产物。 开始前的准备 编排器依赖指定的 skill 及其完整指令。
编辑摘要 · 源文件核查于 2026-11-02 · 非生成示例

01 功能说明

通过明确的阶段和保存的产物,推进设计项目

按明确步骤,从设计问题和信息架构推进到设计变量、构建任务和实现;设计评审需单独提出。

基于来源的工作流并非执行基准测试

工作方法

Design Flow 按既定顺序编排配套的设计 skill。它先提出澄清问题、记录需求说明,再制定信息架构、建立设计变量,并将说明转化为可实施任务。前端实现随后依照任务清单推进。每个阶段都有明确产出,阶段转换需由设计师确认。

源文件将工作流设计为可接续执行。具体功能的产物集中保存在 .design 文件夹下,便于从下一个未完成阶段继续。设计评审是在已有构建成果后、经单独请求才执行的步骤;流程走完本身并不代表视觉评审通过。

预期交付物

  • 按实际需要生成的功能需求说明、信息架构和设计变量产物。
  • 前端实现所遵循的有序 TASKS.md 清单。
  • 实现阶段完成的组件和页面,以及为后续接续保留的规划产物。
查看示例简报

从简报到审查

  1. 01
    选择必要阶段

    解释完整流程,识别可以跳过的阶段。已有设计变量或仅涉及单个组件的范围,可以免去不必要的工作。

  2. 02
    澄清并保存设计意图

    完整执行相关配套 skill,将说明和信息架构保存在同一个功能文件夹中。每个阶段确认后再继续。

  3. 03
    把意图转化为实现

    生成或扩展设计变量、建立任务清单,并逐个实施。任务完成后勾选,并在任务之间确认。

  4. 04
    按请求开展评审

    只有已存在构建好的界面且用户要求评审时,才运行独立的 design-review skill。截图与发现应和该功能的其他产物保存在一起。

02 适用场景

适合什么场景

编排器依赖指定的 skill 及其完整指令。

适合的场景

  • 新功能规划设计师希望有一条从初始想法到实现的引导路径。
  • 中断后的项目保存的功能产物让工作流能够接续,同时保留此前决策。

需要检查的限制

  • 需要配套 skill编排器依赖指定的 skill 及其完整指令。
  • 明确的阶段转换源文件要求阶段之间进行确认,而不是静默执行整个流程。
  • 评审独立进行评审不会自动运行,而且需要已有实现代码供检查。

请提供这些输入

  • 项目意图说明功能、用户目标和已有决策。
  • 当前仓库提供现有组件、设计变量和功能产物。
  • 工作流偏好指出已完成或有意跳过的阶段。

03 关键决策

影响结果的关键选择

  1. 决策前后衔接

    需求说明为架构、设计变量和实现任务提供依据。

  2. 产物范围明确

    独立的功能文件夹可防止无关项目互相覆盖。

  3. 清晰的接续位置

    已有产物说明暂停之后应从哪里继续。

04 示例任务

从一份具体的需求开始

以下示例任务说明尚未经过测试。使用前请检查该技能的设置。

查看源文件和环境要求

说明功能、用户目标和已有决策。

上游源文件
https://github.com/julianoczkowski/designer-skills/blob/c259656c76d9758d7ead46b0d2f125cbe84f8665/design-flow/SKILL.md

下方链接会打开上游使用说明。使用前请查看仓库的环境配置要求;这不是安装命令。

先完成一项明确的交付物

运行该技能之前,请根据需要调整此需求中的范围、来源材料和约束。

示例简报
使用 design-flow,为此仓库的新团队动态页面推进设计。先检查现有 .design 功能文件夹和当前设计变量。解释阶段顺序,并基于现有内容建议可跳过哪些阶段。将说明、架构和任务保存在同一个功能文件夹中。每次阶段转换都先确认再继续,并继承已认可的决策。实现时遵循任务清单。除非我在流程中明确要求,否则把设计评审保留为单独且清楚标明的步骤。

检查结果

根据以下可观察标准检查实际输出。

  • 每个阶段的产物体现上一阶段的决策。
  • 交接时可以区分已完成阶段和跳过阶段。
  • 不能仅因实现完成,就声称评审通过。

OpenDesign 为编码智能体提供本地设计工作区。此条目并不表示该技能已内置,也不表示其中包含其外部工具、凭据和软件依赖项。

05 来源与许可证

来源与许可证

本页面描述的是下方链接所指向的固定来源修订版本。上游行为和要求可能会发生变化。

来源所有者
julianoczkowski
技能文件
SKILL.md
许可证
Apache-2.0
已审查的快照
2026-11-02 · c259656c76d9
编辑来源摘要
通过明确的阶段和保存的产物,推进设计项目。

由 OpenDesign 根据所链接来源撰写的原创摘要。仓库星标数只是带有时间属性的受欢迎程度指标,并不代表技能使用量或质量评分。

06 开始前的问题

开始前可能想问

每个项目都必须执行所有阶段吗?

不必。源文件明确支持跳过不必要的阶段,例如单个组件可以跳过信息架构。

产物存放在哪里?

集中放在 .design/<feature-slug>/ 下,让每个功能拥有独立记录。

流程会自动执行设计评审吗?

不会。组件或页面构建完成后,需要单独提出评审请求。

OpenDesign

让需求和设计工作保存在一起。

将简报、来源材料和设计工作集中保存在本地工作区中。将该技能添加到工作流程前,请检查其自身的设置说明。

上游源文件
https://github.com/julianoczkowski/designer-skills/blob/c259656c76d9758d7ead46b0d2f125cbe84f8665/design-flow/SKILL.md