AI Agent 设计工具：BWVI、Open-Design、Huashu-Design 怎么选、怎么搭

Slow菜鸟

482人浏览 · 2026-05-18 10:06:48

Slow菜鸟 · 2026-05-18 10:06:48 发布

AI Agent 设计工具：BWVI、Open-Design、Huashu-Design 怎么选、怎么搭

一、三者概述

1.1 BWVI（Better Way of Visual Intelligence）

BWVI 是一个 Agent 原生设计决策协议，以 CLI + MCP Server 形态运行。它本身不产出像素级设计，而是充当 AI Agent 与设计执行之间的 决策层——分析任务意图，输出结构化设计决策（方向、色板、字体、布局、细节），交由下游渲染后端执行。输出目标为 Open-Design、Huashu-Design 或内置渲染器。

仓库：github.com/lh123aa/bwvi-design
版本：v0.2.1
许可证：AGPL-3.0
核心指标：包体积 873KB（CJS 单文件），冷启动 0ms（npx），首次产出约 200ms，内存占用约 5MB，仅依赖 3 个 npm 包，完全离线可用

1.2 Open-Design

Open-Design 是一个 本地优先的 AI 设计执行引擎，也是 Anthropic Claude Design 的开源替代。它不绑定特定 Agent，而是自动检测系统 PATH 中已安装的编码 Agent CLI（共 16 种），将其编排为技能驱动的设计工作流后产出高保真设计制品。提供浏览器端界面（Next.js 16）与本地守护进程（Express + SQLite），支持 Web 部署。

仓库：github.com/nexu-io/open-design
Stars：43.7k（截至 2026-05）
许可证：Apache-2.0
技能数量：31 个内置技能（27 个原型模式 + 4 个幻灯片模式）
设计系统数量：129 个（源自 awesome-design-md 与 awesome-design-skills）
支持的 Agent CLI：Claude Code、Codex、Devin、Gemini CLI、OpenCode、Cursor Agent、Qwen Code、Qoder、Copilot、Hermes、Kimi CLI、Pi、Kiro、Kilo、Mistral Vibe、DeepSeek TUI，以及 BYOK 代理回退（Anthropic / OpenAI / Azure / Google Gemini）

1.3 Huashu-Design

Huashu-Design 是一个 HTML 原生的设计 skill，安装于 Claude Code 等 Agent 内直接使用。纯对话交互，不需要图形界面、不需要 Figma 插件，一句话即可产出高保真 App 原型、可编辑 PPT、产品动画 / MP4 / GIF、印刷级信息图等。由独立开发者花叔（@AlchainHust）创建并维护。

仓库：github.com/alchaincyf/huashu-design
Stars：14.1k（截至 2026-05）
许可证：MIT（2026-05-14 由个人使用许可重新授权）
核心理念：5 步品牌资产协议、设计方向顾问（5 流派 × 20 设计哲学）、初级设计师工作流、事实优先验证、反 AI 塑料味规则
Agent 兼容性：Claude Code、Cursor、Trae、Hermes、OpenClaw（Agent-agnostic）

二、三者定位关系

BWVI 定义「画什么」→ Open-Design 或 Huashu-Design 负责「画出来」。

角色	定位	类比
BWVI	设计决策协议	决定「画什么」的架构师
Open-Design	设计执行引擎	能「画任何东西」的工厂
Huashu-Design	设计工匠工作室	把「一件事」做到极致的匠人

三者在 AI 原生设计流水线中承担不同职责，可独立使用也可串联组合。

三、BWVI 安装与使用

3.1 安装

BWVI 无需安装即可通过 npx 直接运行：

npx bwvi --help

如需全局安装：

npm install -g bwvi
bwvi --help

3.2 核心命令

# 创建项目
npx bwvi init my-project && cd my-project

# 分析任务 → 方向推荐 + 指纹
npx bwvi analyze "咖啡品牌 landing page"

# 展示 10 种设计方向（--pick 选择方向）
npx bwvi showcase --pick landing-warm

# 直接出 HTML（内置渲染器，约 200ms）
npx bwvi generate "咖啡品牌" --direct

# 10 维客观 + 5 维主观评审
npx bwvi critique index.html

# 评分 1-10，自动更新指纹
npx bwvi feedback 8

# 品牌列表
npx bwvi brand list

# 知识块查看
npx bwvi knowledge list

# 决策管理（列表 / 查看 / 回滚）
npx bwvi checkpoint list
npx bwvi checkpoint show <id>
npx bwvi checkpoint restore <id>

# 基准测试（全部 13 项，约 235ms）
npx bwvi benchmark

3.3 决策链说明

BWVI 的核心抽象是一条渐进约束的决策链，每一步缩小设计空间：

direction → palette → typography → [information_density] → layout → detail_signature

所有决策持久化为 JSON，支持追溯与回滚。

四、Open-Design 安装与使用

4.1 方式一：桌面应用（免构建）

从 open-design.ai 或 GitHub Releases 页面下载预构建桌面应用（macOS Apple Silicon / Intel x64，Windows x64）。

4.2 方式二：Docker

git clone https://github.com/nexu-io/open-design.git
cd open-design/deploy
docker compose up -d

访问 http://localhost:7456。

4.3 方式三：从源码运行

git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable
corepack pnpm --version    # 应输出 10.33.2
pnpm install
pnpm tools-dev run web      # 前台模式

要求 Node ~24 与 pnpm 10.33.x。

4.4 首次运行

守护进程启动后自动完成以下操作：

创建 ./.od/ 目录（含 SQLite 数据库、项目文件夹、制品存储）
检测系统 PATH 中可用的 Agent CLI
加载 31 个技能与 129 个设计系统
显示欢迎对话框，可选配置 API Key

4.5 典型使用流程

在浏览器界面输入设计需求
系统强制弹出问题表单（场景、受众、调性、品牌背景、规模），防止盲目出图
从 5 个视觉方向中选一，或指定品牌设计系统
选择技能（如 web-prototype、saas-landing、mobile-app）
Agent 在真实文件系统中读写项目文件，产出 HTML 制品
在沙箱 iframe 预览，导出为 HTML / PDF / PPTX / ZIP

4.6 MCP Server（只读）

Open-Design 提供 STDIO MCP Server，可向任意 MCP 兼容 Agent 暴露项目文件读取、元数据与搜索能力。

五、Huashu-Design 安装与使用

5.1 安装

通过 skills.sh 注册表一行安装：

npx skills add alchaincyf/huashu-design

安装后在 Claude Code 中直接对话即可触发。

5.2 典型命令（在 Agent 中对它说）

"Make a keynote for AI psychology. Give me 3 style directions to pick from."

"Build an iOS prototype for a Pomodoro app — 4 screens, actually clickable."

"Turn this logic into a 60-second animation. Export MP4 and GIF."

"Run a 5-dimension expert review on this design."

不限于 Claude Code——Cursor、Trae、Hermes、OpenClaw 等任意支持 markdown-skill 的 Agent 均可使用。

5.3 能力一览

能力	交付物	典型耗时
交互原型（App / Web）	单文件 HTML · iPhone 真机边框 · 可点击 · Playwright 验证	10–15 分钟
幻灯片	HTML 演示文稿 + 可编辑 PPTX（真实文本框）	15–25 分钟
动画设计	MP4（25fps / 60fps 插值）+ GIF（调色板优化）+ BGM	8–12 分钟
设计变体	3+ 并排对比 · 实时参数调节	10 分钟
信息图 / 数据可视化	印刷级排版 · PDF/PNG/SVG 导出	10 分钟
设计方向顾问	5 流派 × 20 哲学 · 推荐 3 方向 · 并发生成演示	5 分钟
5 维专家评审	雷达图 + Keep / Fix / Quick Wins 清单	3 分钟

5.4 核心机制

品牌资产协议（5 步强制流程）：当任务涉及特定品牌时，技能强制执行：① 询问 6 类资产清单 ② 搜索官方渠道 ③ 按资产类型下载（每类三条回退路径）④ 验证并提取 ⑤ 冻结到 brand-spec.md。禁止凭记忆猜测品牌颜色。

设计方向顾问（回退模式）：当需求过于模糊时触发——从 5 个设计流派 × 20 种设计哲学中推荐 3 个差异化方向，每个方向附带代表作、格式塔关键词、代表设计师，并生成三份视觉演示供选择。

初级设计师工作流：一次性发送完整问题集、将假设与占位符写入 HTML、尽早向用户展示（哪怕只是灰色方块）、在内容→变体→调参三个节点各展示一次、交付前通过 Playwright 肉眼检查浏览器效果。

反 AI 塑料味规则：避免紫色渐变 / emoji 图标 / 圆角卡片左框线强调 / SVG 人物 / Inter 字体当展示用 / CSS 剪影代替真实产品图。使用 text-wrap: pretty + CSS Grid + 衬线展示字体 + oklch 颜色。

六、关键指标对比

在了解如何组合之前，先看清三者的性能差异和功能侧重。本章数据来源于 BWVI 官方基准测试（README 中标注为「实测数据」）及各项目 README。

6.1 性能基准（实测数据）

指标	BWVI	Open-Design	Huashu-Design
包体积	873 KB（CJS 单文件）	约 500 MB（pnpm + 37K node_modules）	约 3.8 MB（154 文件）
冷启动	0ms（npx，无需安装）	约 30-60s（pnpm install + build）	0ms（skill 加载）
首次产出	约 200ms（generate --direct）	约 10-30s（daemon → Agent → 流式）	约 30-120s（Agent 出初稿）¹
内存占用	约 5 MB（heap）	约 150-300 MB（Express + SQLite）	0（无独立进程）
依赖数量	3 个包	1200+ 包	0
源文件数	约 50 个 TS	约 740 应用文件 + 37K node_modules	154 个
离线能力	完全离线	有限	有限

¹ BWVI 基准测试中的「首次产出」测量的是 Agent 开始生成初稿的延迟，非最终交付时间。Huashu-Design 各能力的完整交付时间见 5.3 节（3-30 分钟不等）。

6.2 功能维度对比

维度	BWVI	Open-Design	Huashu-Design
产出视觉质量	依赖后端	高	高
决策框架	结构化决策链 + 指纹系统	问题表单 + 方向选择器	品牌资产协议 + 方向顾问
品牌系统	115 品牌	129 品牌	无内建品牌库（运行时搜索）
App 原型	有（设备边框）	有（设备边框）	iPhone 真机边框 + 状态管理
评审体系	10 维客观 + 5 维主观	5 维自评审	5 维专家评审 + 雷达图
视频 / 动画	Stage+Sprite + MP4 + BGM	gpt-image-2 + Seedance + HyperFrames	Stage+Sprite 时间片 + 60fps + BGM
设计系统库	115 品牌 + 56 风格 + 50+ 蓝图	129 设计系统	20 设计哲学
Agent 集成	原生 MCP Server（5 tools）	16 CLI + BYOK 代理	Skill（Agent-agnostic）
上手速度	200ms 产出，零配置	需安装 Node + pnpm + 依赖	npx skills add 一行
可扩展性	插件 + 知识 MD + npm CI	技能文件夹 + 设计系统 DESIGN.md	SKILL.md + references/ + scripts/

6.3 关键差异速读

从上述两张表可以得出三条结论，直接影响后续组合选择：

BWVI 是「轻量决策器」：200ms 极速、零依赖、完全离线。它的价值不在出图，在出方向。任何组合中加入 BWVI 都不会增加实质性安装负担。
Open-Design 是「重量级工厂」：生态最大（129 设计系统 / 31 技能）、Agent 覆盖最广（16 种），但首次安装成本高（Node ~24 + pnpm + 1200+ 依赖）。
Huashu-Design 是「轻量级工匠」：一行安装、零进程、动画和 App 原型最精细，但不适合需要 Dashboard / SaaS 等复杂多页面 Web 场景。

七、三者组合使用

三个工具各自可独立使用，亦可两两组合或三者串联。以下逐一说明全部 7 种用法。每个小节按统一结构展开：适用情况（何时用）→ 核心逻辑（为什么成立）→ 流程图（怎么做）→ 适用边界（限制与代价）。三者定位关系见第二章，指标差异见第六章。

可信度标注：

🟢 官方明确支持：BWVI README 直接列出了该组合方式

🟡 架构推导成立：组合逻辑与官方架构一致，但不以独立方案形式出现在文档中

组合	类型	可信度
① BWVI 单独 / ② Open-Design 单独 / ③ Huashu-Design 单独	单一工具独立使用	🟢 各自官方 README 的默认用法
④ BWVI → Open-Design / ⑤ BWVI → Huashu-Design	决策层 + 执行层串联	🟢 BWVI README 明确列出输出目标
⑥ Open-Design + Huashu-Design	双执行引擎按任务切换	🟡 工作流层面的共存，无技术桥接
⑦ BWVI → Open-Design + Huashu-Design	决策层 + 双执行引擎全链路	🟡 ④和⑤的逻辑并集，BWVI 多后端架构支撑

7.1 BWVI 单独使用（纯决策 + 简易出图） 🟢

适用情况：只需要快速确定设计方向、做设计走查、或在 CI/CD 流水线中设置设计质量门禁。也适用于没有安装其他 Agent CLI 的轻量场景——BWVI 零依赖、完全离线。

核心逻辑：BWVI 的价值不在产出的 HTML 有多精美，而在 200ms 内给出有依据的设计方向。对于「只需要知道该用什么配色 / 字体 / 布局」的场景，装 Open-Design（500MB + Node ~24）是过度投入。BWVI 对标的是设计决策这个单一环节，而非整个设计生产流程。

你说需求
    │
    ▼
bwvi analyze "描述"        → 方向推荐 + 指纹（~200ms）
    │
    ▼
bwvi showcase --pick <方向> → 预览 10 种方向，选一个
    │
    ▼
bwvi generate "描述" --direct → 内置渲染器直接出 HTML（~200ms）
    │
    ▼
bwvi critique index.html   → 10 维客观 + 5 维主观评审（~150ms）

适用边界：内置渲染器产出的是简单页面，不是高保真原型。如果你最终需要复杂 Dashboard / 多页面网站 / 可点击 App 原型，BWVI 单独不够——它只能做决策层的事，执行层还得交给 Open-Design 或 Huashu-Design。

7.2 Open-Design 单独使用（全能执行引擎） 🟢

适用情况：需要高保真 Web 页面（Dashboard / SaaS Landing / Blog / Pricing Page / 移动端页面等），且系统已安装可用的 Agent CLI（如 Claude Code）。团队中有多品类 Web 设计需求时，Open-Design 的 31 个技能覆盖面最广。

核心逻辑：Open-Design 是这个赛道里生态最大的执行引擎——129 个品牌设计系统、31 个技能横跨设计 / 营销 / 运营 / 工程等 9 个领域、支持 16 种 Agent CLI。如果你已经有 Claude Code 或 Cursor 等 Agent，Open-Design 就是把它的设计能力「专业化」的最快路径。

启动 Open-Design 守护进程 → 浏览器打开 localhost:7456
    │
    ▼
在聊天界面输入设计需求
    │
    ▼
填写问题表单（场景 / 受众 / 调性 / 品牌 / 规模）← 强制步骤
    │
    ▼
选择技能（31 选 1） + 视觉方向（5 选 1）或品牌设计系统（129 选 1）
    │
    ▼
Agent 在工作目录读写文件，生成 HTML 制品（~10-30s 出初稿）
    │
    ▼
沙箱 iframe 预览 → 导出 HTML / PDF / PPTX / ZIP

适用边界：首次安装成本高——需要 Node ~24 + pnpm + 1200+ 依赖，冷启动约 30-60s。另外，Open-Design 的动画能力依赖于外部模型（Seedance / HyperFrames），没有自己的 Stage+Sprite 动画引擎。如果你的核心诉求是产品动画或 App 原型真机边框，Huashu-Design 更合适。

7.3 Huashu-Design 单独使用（对话式设计工匠） 🟢

适用情况：在 Claude Code（或 Cursor / Trae / Hermes / OpenClaw）中直接对话出设计，尤其侧重 App 原型、产品动画、幻灯片、信息图这四类高价值单品。安装一行命令，不需要图形界面。

核心逻辑：Huashu-Design 的哲学是「打字，回车，一份能交付的设计」。它的 Stage+Sprite 动画引擎和 iPhone 15 Pro 真机边框在同类工具中没有替代品。如果你已经在用 Claude Code，加装这个 skill 的边际成本为零。另外它是 MIT 许可证，可商用。

npx skills add alchaincyf/huashu-design    ← 一次性安装
    │
    ▼
在 Claude Code 中直接对话：
"做一个咖啡品牌 landing page，3 个方向让我选"
"把这个逻辑做成 60 秒动画，导出 MP4 和 GIF"
    │
    ▼
Skill 内部执行：方向顾问 → 品牌资产搜集 → Junior Designer 工作流
    │
    ▼
交付物：HTML / MP4 / GIF / 可编辑 PPTX / PDF（3-30 分钟）

适用边界：从输入到完整交付需要 3-30 分钟，不是实时预览。复杂 Web 页面（Dashboard / SaaS 后台）不是它的强项——31 个技能覆盖面的广度不如 Open-Design。另外，无品牌素材时（即完全从零做），设计质量会降到 60-65 分（Huashu-Design README 自身的评估）。

7.4 BWVI → Open-Design（决策 + 多技能执行） 🟢

适用情况：先快速定方向、配色、字体，再做高保真多页面产出。适合需要结构化决策记录 + 高质量多页面 Web 产出的品牌项目。BWVI 将方向决策从 Open-Design 的问题表单中前移，做到「先决策，再执行」。

核心逻辑：BWVI 做「理性决策」（200ms、可回滚、指纹学习），Open-Design 做「感性执行」（31 技能、129 设计系统）。两者解耦后各司其职——决策层只管方向对错，执行层只管产出质量。BWVI 的 fingerprint 系统会记住你的偏好，用越多越准。

你说需求
    │
    ▼
① bwvi analyze "需求描述"          → 方向推荐 + 设计指纹（~200ms）
② bwvi showcase --pick <方向>      → 选定方向
③ bwvi generate "需求描述"         → 输出决策 JSON（含 palette / typography / layout）
    │
    ▼
④ 将决策 JSON 作为设计约束，在 Open-Design 中输入需求
⑤ Open-Design Agent 按决策参数渲染高保真页面（~10-30s）
    │
    ▼
⑥ bwvi critique index.html         → 自动化 10 维评审
⑦ bwvi feedback 8                  → 评分，更新指纹（下次更准）

适用边界：BWVI 和 Open-Design 之间没有 API 级自动桥接——第④步是人工操作（将决策 JSON 内容作为设计约束输入到 Open-Design 中），不是自动串联。另外，如果你只需要一个简单 Landing Page，这个组合是过度工程——直接用 Open-Design 单独即可。

7.5 BWVI → Huashu-Design（决策 + 工匠级执行） 🟢

适用情况：最终产物是动画 / App 原型 / 幻灯片 / 信息图（Huashu-Design 的强势品类），但需要 BWVI 先做结构化决策，避免「方向没想清楚就开始画」。中文项目尤其合适——BWVI 的决策链用中文分析任务，Huashu-Design 的 SKILL.md 也是中文编写。

核心逻辑：BWVI 解决「从 0 到 1 的方向迷茫」——10 种方向、115 品牌、56 风格构成结构化的决策空间；Huashu-Design 解决「从 1 到 100 的工匠打磨」——Stage+Sprite 动画引擎、iPhone 真机边框、5 维专家评审构成精细化的执行能力。两者的中文原生支持也让中文用户没有语言转换损耗。

你说需求
    │
    ▼
① bwvi analyze "需求描述"          → 方向 + 品牌分析 + 指纹（~200ms）
② bwvi generate "需求描述"         → 输出决策 JSON
    │
    ▼
③ 在 Claude Code 中对 Huashu-Design 下指令，附上 BWVI 决策结果：
"基于这个配色和字体方案，做一个 iOS 原型 / 一段产品动画"
    │
    ▼
④ Huashu-Design 执行：品牌资产搜集 → Junior Designer 工作流 → Playwright 验证
⑤ 交付 HTML / MP4 / PPTX

适用边界：和 7.4 一样，BWVI 的决策 JSON 到 Huashu-Design 之间是人工传递，没有自动化桥接。另外，BWVI 的品牌系统（115 个）和 Huashu-Design 的品牌资产协议（运行时搜索 + 下载）是两套独立的品牌处理机制——前者是静态数据库，后者是动态搜索流程。两者叠加使用时不会冲突，但也不是无缝衔接。

7.6 Open-Design + Huashu-Design（双引擎，按任务切换） 🟡

⚠️ 此组合为工作流层面的共存使用，非 API 级技术集成——两者之间没有数据桥接或互调接口。你需要在不同任务中手动选择用哪个工具。

适用情况：项目中既有复杂 Web 页面需求（Dashboard / SaaS Landing / Blog），又有动画 / App 原型 / 幻灯片需求。两个执行引擎各做各的，不互相替代。

核心逻辑：Open-Design 和 Huashu-Design 的擅长领域几乎不重叠——OD 的 31 个技能覆盖的是「品类广度」（设计 / 营销 / 运营 / 工程 / 产品 / 财务 / 人事等 9 个领域），HS 的能力集中在「单品深度」（动画引擎的时间片模型、App 原型的真机边框、信息图的印刷级排版）。OD 做不了 HS 的 Stage+Sprite 动画；HS 做不了 OD 的 Kanban Board / Finance Report / HR Onboarding 等垂直技能。两者不是竞品，是互补。Open-Design 的 README 也明确将 Huashu-Design 列为设计哲学来源，包括问题优先工作流、品牌资产协议、反 AI 塑料味检查清单均受其启发。

日常 Web 页面需求
    │
    ▼
Open-Design          ← Saas Landing / Dashboard / Blog / Pricing Page / 移动端页面
（31 技能，129 设计系统，沙箱预览）


动画 / App 原型 / 幻灯片需求
    │
    ▼
Huashu-Design        ← 产品动画（MP4+MP3）/ iOS 原型 / HTML 幻灯片 / 信息图
（Stage+Sprite 引擎，60fps 输出，可编辑 PPTX）

适用边界：两个工具独立安装、独立运行，没有统一的决策入口或共享的设计语言。如果你需要「同一个品牌色被 OD 和 HS 产出的页面同时使用」，你得自己确保两边用了一致的配色参数——没有一个中央决策层来做这件事。这也正是 7.7 三者全链路要解决的问题。

7.7 BWVI → Open-Design + Huashu-Design（三者全链路） 🟡

⚠️ 此组合是 7.4（BWVI → Open-Design）与 7.5（BWVI → Huashu-Design）的逻辑并集——BWVI 的架构天然支持多渲染后端（README 明确列出 4 种后端：内置 / Open-Design / Huashu-Design / 本地 Agent），因此将决策 JSON 同时用于两个执行层在架构上完全一致。但三者未在官方文档中以单一流水线形式出现，属于基于架构推导的工作流组合，而非预集成的方案。

适用情况：复杂商业项目——品牌统一风格的 Web 多页面 + App 高保真原型 + 产品发布动画 + 设计走查报告，需要从统一决策到多品类执行的全覆盖。

核心逻辑：7.6 的痛点是「两个执行引擎没有统一的决策入口」——OD 产出和 HS 产出可能用了不同的配色、字体、调性。BWVI 补上这个缺口：所有产出共享同一份决策 JSON（palette / typography / layout），Open-Design 覆盖「广度」（31 技能 × 129 设计系统），Huashu-Design 覆盖「深度」（动画 / 原型 / 幻灯片），BWVI critique 对所有产出做统一评审并反馈回指纹系统——形成「决策 → 双轨执行 → 评审 → 反馈 → 更精准决策」的闭环。

                    ┌── 你说需求 ──┐
                    │              │
                    ▼              ▼
              ┌──────────────────────────────┐
              │         ① BWVI               │
              │  analyze → 方向+色板+字体     │
              │  generate → 决策 JSON         │
              │  （~200ms，离线，零依赖）       │
              └─────────────┬────────────────┘
                            │
                  决策 JSON（共享）
                            │
            ┌───────────────┼───────────────┐
            │               │               │
            ▼               ▼               ▼
    ┌──────────────┐ ┌──────────────┐ ┌──────────────┐
    │ ② Open-Design │ │③ Huashu-Design│ │ BWVI critique │
    │ Web 页面       │ │ App 原型      │ │ 评审 + 评分   │
    │ Dashboard     │ │ 产品动画      │ │ 反馈回指纹    │
    │ Landing Page  │ │ HTML 幻灯片   │ │              │
    │ （~10-30s）   │ │ （3-30min）   │ │ （~150ms）    │
    └──────────────┘ └──────────────┘ └──────────────┘
            │               │
            └───────┬───────┘
                    ▼
            最终交付物合集：
            Web 页面 + App 原型 + 动画 + 幻灯片 + 设计走查报告

适用边界：这是 7 种组合中复杂度最高的——你需要同时维护 BWVI、Open-Design、Huashu-Design 三个工具。BWVI 到两个执行层之间目前都是人工传递决策参数，没有自动化管线。另外，对于中小项目（比如只做一个 Landing Page 或一段产品动画），7.4 或 7.5 的两两组合已经足够，三者全链路是过度投入。仅在「品牌统一风格 + 多品类产出 + 设计走查」三者同时成立时才值得上。

7.8 全部 7 种组合速查

编号	组合	核心逻辑	典型总耗时	适合谁
①	BWVI 单独	只要方向，不要工厂	< 1s	设计走查 / CI 门禁 / 轻量决策
②	Open-Design 单独	把已有 Agent 的设计能力专业化	首次安装 5min + 产出 10-30s	有多页面 Web 需求的团队
③	Huashu-Design 单独	打字→回车→交付	安装 10s + 产出 3-30min	Claude Code 用户 / 要动画和原型的个人
④	BWVI → Open-Design	200ms 定方向 → 工厂级执行	BWVI < 1s + OD 10-30s	品牌项目 / CI/CD 设计门禁
⑤	BWVI → Huashu-Design	200ms 定方向 → 工匠级打磨	BWVI < 1s + HS 3-30min	要动画+原型的品牌项目
⑥	Open-Design + Huashu-Design	广度引擎 + 深度引擎各司其职	视任务	既有 Web 需求又有动画/App 需求的团队
⑦	BWVI → Open-Design + Huashu-Design	统一决策 + 双轨执行 + 闭环评审	决策 < 1s + 执行 10s-30min	追求品牌一致性的复杂商业项目

八、选型决策速查

详细使用链路见第七章全部 7 种组合的逐一说明，本节为速查结论。

按你的起点选：

你的情况	推荐组合	说明
还没装任何 Agent CLI	Huashu-Design 单独	一行 `npx skills add` 即可用，无需额外环境
已装 Claude Code / Cursor 等	Open-Design 单独或 Huashu-Design 单独	Open-Design 覆盖宽、Huashu-Design 做得深，按产出类型选
已装 Agent CLI + 需要方向决策	BWVI → Open-Design 或 BWVI → Huashu-Design	BWVI < 1s 定方向，执行层按需选
既要 Web 多页面 + 也要动画/原型	Open-Design + Huashu-Design	双执行引擎，Web 找 Open-Design、动画找 Huashu-Design
团队项目，追求系统化管理	BWVI → Open-Design + Huashu-Design	BWVI 统一决策，双引擎执行，critique 闭环评分

按产出类型选：

我要…	单用	搭配决策层
一个简单 Landing Page	Open-Design 单独	BWVI → Open-Design（先让 BWVI 定调）
iOS / Android App 高保真原型	Huashu-Design 单独	BWVI → Huashu-Design
产品发布动画 / 宣传视频	Huashu-Design 单独	BWVI → Huashu-Design
可编辑 PPT + HTML 演示	Huashu-Design 单独	BWVI → Huashu-Design
Dashboard / SaaS / Blog 等复杂 Web 页面	Open-Design 单独	BWVI → Open-Design
CI/CD 流水线中的设计质量门禁	BWVI 单独（`bwvi critique`）	—
设计走查 / 客观评审报告	BWVI 单独（`bwvi critique`）	—
以上全部都要	BWVI → Open-Design + Huashu-Design	—

参考来源

BWVI README：https://github.com/lh123aa/bwvi-design/blob/master/README.md
Open-Design README：https://github.com/nexu-io/open-design/blob/main/README.md
Huashu-Design README：https://github.com/alchaincyf/huashu-design/blob/master/README.md
Huashu-Design 中文 README：https://github.com/alchaincyf/huashu-design/blob/master/README.zh.md

AI Agent技术社区

Agent 垂直技术社区，欢迎活跃、内容共建。

更多推荐

零信任，验证一切！Anthropic发布企业自主智能体安全白皮书

AI Agent 正在接管越来越多的事务，从搜索网页、综合信息到调用数据库、操作文件系统，全程无需人工介入。Anthropic 刚发布了 Zero Trust 安全白皮书：Zero Trust for AI Agents（对AI智能体零信任）。白皮书提出了一个尖锐的问题：当 Agent 能以机器速度行动，你的安全体系跟得上吗？白皮书内容梳理了包括 Agent 面临的新威胁、六个安全能力域的三级路线