能力标签

⚙️

Agent工作流

巴御设计

基于 JavaScript · 无代码搭建完整 AI 自动化流程

英文名：baoyu-design

⭐ 648 Stars 🍴 49 Forks 💻 JavaScript 📄 MIT 🏷 AI 8.0分

8.0AI 综合评分

claudeclaude-designjavascriptagent-skills

⬇ 下载源码 ZIP ⚙️ 配置说明

✦ AI Skill Hub 推荐

AI Skill Hub 强烈推荐：巴御设计是一款优质的Agent工作流。AI 综合评分 8.0 分，在同类工具中表现稳健。如果你正在寻找可靠的Agent工作流解决方案，这是一个值得深入了解的选择。

📚 深度解析

巴御设计是一套完整的 AI Agent 自动化工作流方案。随着 AI 能力的不断提升，基于 Agent 的自动化工作流正在成为提升个人和团队效率的核心方式。区别于传统的 RPA 自动化（模拟鼠标键盘操作），AI Agent 工作流通过理解任务意图、动态规划执行路径，能够处理更复杂的非结构化任务。

巴御设计工作流的设计遵循"最小配置，最大复用"原则：核心逻辑已经封装好，用户只需配置自己的 API Key 和业务参数即可快速上手。工作流内置错误处理和重试机制，在网络波动或 API 限速等情况下仍能稳定运行，适合作为生产环境的自动化基础设施。

在实际部署时，建议先在测试环境中运行 3-5 次，验证各个环节的输出结果符合预期，再部署到生产环境。AI Skill Hub 评分 8.0 分，是同类 Agent 工作流中的精选推荐。

📋 工具概览

巴御设计是一套完整的 AI Agent 自动化工作流方案。通过可视化的节点编排，将复杂的多步骤任务拆解为清晰的自动化流程，实现全程无人值守的智能处理。支持与数百种外部服务和 API 无缝集成，适合构建数据处理管线、业务自动化和 AI 辅助决策系统。

GitHub Stars

⭐ 648

开发语言

JavaScript

支持平台

Windows / macOS / Linux

维护状态

正常维护，社区驱动

开源协议

MIT

AI 综合评分

8.0 分

工具类型

Agent工作流

Forks

📖 中文文档

以下内容由 AI Skill Hub 根据项目信息自动整理，如需查看完整原始文档请访问底部「原始来源」。

📌 核心特色

可视化 Agent 工作流编排，无需编写复杂代码
支持多步骤自动化任务链，实现全流程无人值守
与外部 API、数据库和第三方服务无缝集成
内置错误处理与自动重试机制，保障稳定运行
提供可复用的自动化模板，快速在同类场景部署

🎯 主要使用场景

自动化日常重复性工作，将精力集中于创造性任务
构建数据采集 → 处理 → 输出的完整自动化管线
实现跨平台、跨系统的数据流转和业务协同

以下安装命令基于项目开发语言和类型自动生成，实际以官方 README 为准。

安装命令

# 方式一：npm 全局安装
npm install -g baoyu-design

# 方式二：npx 直接运行（无需安装）
npx baoyu-design --help

# 方式三：项目依赖安装
npm install baoyu-design

# 方式四：从源码运行
git clone https://github.com/JimLiu/baoyu-design
cd baoyu-design
npm install
npm start

📋 安装步骤说明

访问 GitHub 仓库获取工作流文件
在对应平台（Dify / Flowise / Make 等）中找到「导入工作流」功能
上传工作流文件
按照提示配置必要的环境变量和 API Key
运行测试确认流程正常后投入使用

以下用法示例由 AI Skill Hub 整理，涵盖最常见的使用场景。

常用命令 / 代码示例

# 命令行使用
baoyu-design --help

# 基本用法
baoyu-design [options] <input>

# Node.js 代码中使用
const baoyu_design = require('baoyu-design');

const result = await baoyu_design.run(options);
console.log(result);

以下配置示例基于典型使用场景生成，具体参数请参照官方文档调整。

配置示例

# baoyu-design 配置说明
# 查看配置选项
baoyu-design --config-example > config.yml

# 常见配置项
# output_dir: ./output
# log_level: info
# workers: 4

# 环境变量（覆盖配置文件）
export BAOYU_DESIGN_CONFIG="/path/to/config.yml"

📑 README 深度解析真实文档完整度 55/100 查看 GitHub 原文 →

以下内容由系统直接从 GitHub README 解析整理，保留代码块、表格与列表结构。

baoyu-design

Run Claude Design on your own local agent — Cursor, Claude Code, Claude Desktop, or any file‑capable coding agent.

English · 简体中文 · Changelog

baoyu-design packages Claude Design — the design engine behind claude.ai/design — as a portable Agent Skill. Drop it into a local agent and you get most of what the website does, right inside your editor: polished UI mockups, interactive prototypes, wireframes, landing pages, dashboards, mobile apps, and slide decks — all produced as self‑contained HTML.

No website, no separate subscription, no upload step. The agent already on your machine does the work, and every artifact stays in your repo.

---

Just list what's in the repo first

npx skills add JimLiu/baoyu-design --list ```

It installs to .claude/skills/ for Claude Code and .agents/skills/ for Cursor/Codex-style agents (add -g for the ~/‑level user install).

Alternative — hand the repo URL to your agent. Don't want to install anything? Paste the URL into chat and let the agent fetch the skill itself:

Read https://github.com/JimLiu/baoyu-design and follow its skills/baoyu-design/SKILL.md to design a settings screen for a meditation app.

The agent clones or fetches the repo, loads SKILL.md, and proceeds — perfect for a one‑off.

Prerequisites

A local agent — Cursor, Claude Code, Codex, or any of the 70+ agents the installer supports (Cline, Roo Code, GitHub Copilot…). Cursor, Claude Code, and Codex have first‑class tool references inside the skill.
Claude Opus 4.8 selected as the model, for best results.
Node.js (to run the npx installer below). Python 3 is also handy for the local preview server.

Install

Recommended — the skills CLI. npx skills (from Vercel Labs) reads this repo, finds skills/baoyu-design/, and drops it into the right folder for whatever agent it detects:

```bash

Install into the current project (auto‑detects your agent)

npx skills add JimLiu/baoyu-design

…or install globally, for every project

npx skills add JimLiu/baoyu-design -g

Quick start

Example prompts

"Design 3 hi‑fi variations of a pricing page using the brand in this screenshot."
"Prototype a working onboarding flow — real state, transitions, form validation."
"Make a 10‑slide deck from this PRD for an engineering all‑hands."
"Wireframe a few layout ideas for a mobile expense‑tracker home screen."
"Recreate the composer UI from this codebase, then export it as standalone HTML."
"Build a dashboard using our design system, starting from its analytics screen."

For best results, give it design context — a screenshot, a UI kit, a Figma link, or a codebase. Starting from real context is the single biggest lever on quality; the skill will ask for it if you don't provide it.

---

Screenshots

The same Reader Mac App prompt was used in Cursor, Codex, Claude, and Claude Design.

Cursor	Codex	Claude	Claude Design
<img src="assets/screenshots/cursor-reader-mac-app.webp" alt="Cursor running baoyu-design" width="240">	<img src="assets/screenshots/codex-reader-mac-app.webp" alt="Codex running baoyu-design" width="240">	<img src="assets/screenshots/claude-reader-mac-app.webp" alt="Claude running baoyu-design" width="240">	<img src="assets/screenshots/claude-design-reader-mac-app.webp" alt="Claude Design running the same Reader Mac App prompt" width="240">

<details> <summary>Prompt used for all screenshots</summary>

```markdown Build a Reader Mac app that helps me read and save articles better. All data is stored locally.

🎯 aiskill88 AI 点评 A 级 2026-06-10

高质量的AI工作流项目