需要流程图？让AI帮你做一个。

利用 Claude.ai 这项特殊技能，几秒钟内生成专业的流程图。描述你的工作流程——手动步骤、自动化步骤、决策、集成——Claude 就能创建一个漂亮、暗色调的独立 HTML 文件，你可以在任何浏览器中打开。

• 无需设计技能 — 只需用通俗易懂的英语描述你的流程
• 快速迭代 — 请Claude添加步骤、改变路径或重做决策
• 轻松分享 — 输出为单个HTML文件，无需特殊软件
• 导出内置 — 每个图纸中都内置复制/PNG / PDF按钮
• 处理复杂流程 — 长进程采用两行环绕，持续监控的循环回环，故障情况的异常路径

🚀 快速入门（3步）

第一步：安装技能

⚠️可在免费、专业、Max、Team和企业套餐中使用（代码执行必须先在设置→能力中启用）

1. 下载 process-flow-diagram.zip
2. 前往 claude.ai → 定制 → 技能
3. 点击**+**按钮→ + 创建技能 → 上传技能，然后上传压缩包

Process Flow Diagram Generator

Need a process flow diagram? Get AI to build you one.

Use Claude.ai with this special skill to generate professional process flow diagrams in seconds. Describe your workflow — manual steps, automated steps, decisions, integrations — and Claude creates a beautiful, dark-themed diagram as a standalone HTML file you can open in any browser.

• No design skills needed — just describe your process in plain English
• Iterate quickly — ask Claude to add steps, change paths, or rework decisions
• Share easily — output is a single HTML file, no special software required
• Export built in — Copy / PNG / PDF buttons baked into every diagram
• Handles complex flows — two-row wrap for longer processes, cyclical loop-back for always-on monitoring, exception paths for failure cases

🚀 Quick Start (3 Steps)

Step 1: Install the Skill

⚠️ Available on Free, Pro, Max, Team, and Enterprise plans (Code Execution must be enabled in Settings → Capabilities first)

1. Download process-flow-diagram.zip
2. Go to claude.ai → Customize → Skills
3. Click the + button → + Create skill → Upload a skill, then upload the zip file
4. Toggle the skill on

📚 Need help? See the full installation guide below.

Step 2: Get Text that Describes Your Process

You just need a text description of your workflow. Pick whichever works for you:

Option A: Have AI analyze your existing docs

Open your runbook, SOP, or onboarding doc in Cursor, Claude Code, Windsurf, or ChatGPT and ask:

Summarize this process as a numbered sequence of steps. For each step,
note who does it (human or system), what triggers it, what the output is,
and any decision points or branches.

Option B: Write it yourself

Just list your steps in order:

1. User submits expense report
2. System auto-categorizes line items
3. Manager reviews — if total > $500, escalate to finance
4. Finance approves or rejects
5. Approved → Workday creates payment

Option C: Ask for a typical process

Don’t have a specific workflow? Ask Claude for a starting point:

What's a typical approval workflow for procurement requests?

Step 3: Generate Your Diagram by Asking Claude to Use the Skill

Take the output from Step 2 and paste it into Claude (with the Process Flow Diagram Generator skill installed):

Use your process flow diagram skill to create a flow diagram from this description:

[PASTE YOUR PROCESS DESCRIPTION HERE]

That’s it! Claude will generate a beautiful HTML file you can open in any browser.