If you're using cc-wf-studio workflows (those JSON files under .vscode/workflows) and want to work with them outside VSCode, this is your CLI. Run ccwf validate to schema-check, ccwf preview to see a Mermaid diagram and node details in your browser, ccwf export to generate Claude Code skill files, or ccwf run to do that and immediately execute. The preview auto-reloads when the file changes, and the MCP subcommand lets you wire it into Claude Code's tool system so the agent can edit workflows directly. It covers the gap between the visual VSCode extension and terminal-first workflows. Honest take: the --launch flag on run is the real time-saver if you're iterating on workflow designs.

GitHub stars
5.1K
last updated
Jun 11, 2026

Install

$ npx -y skills add breaking-brake/cc-wf-studio --skill ccwf-cli --agent claude-code

Installs into .claude/skills of the current project.

Files

ccwf CLI

ccwf is the command-line entry into cc-wf-studio — a visual AI-agent workflow tool. It treats .vscode/workflows/*.json workflow files as inputs and lets you render them as Markdown, validate the schema, open them in a browser-based viewer, convert them into Agent Skills, or execute them. The same workflow JSON also drives the VSCode extension and an MCP server, so you can pick whichever interface fits the situation.

This Skill teaches Claude how to recognise when ccwf is the right answer and which subcommand to reach for. The subcommands and flags listed here are the source of truth — if behaviour seems off, check ccwf <subcommand> --help first.

Prerequisites

Confirm ccwf is available before running any other subcommand:

ccwf --version

If ccwf is not on PATH:

  • Preferred: install globally — npm install -g @cc-wf-studio/cli
  • Without install: prefix every command with npx @cc-wf-studio/cli (e.g. npx @cc-wf-studio/cli render <file>)
  • In a project: pnpm add -D @cc-wf-studio/cli and run via pnpm exec ccwf

Sponsors

Details

Repository
github.com/breaking-brake/cc-wf-studio
Categories
Automation & Workflows, CLI & Terminal
First seen
Jun 11, 2026

More from breaking-brake/cc-wf-studio

All 7
1breaking-brake avatarpr-to-mainbreaking-brake/cc-wf-studioCreate a PR to the main branch for feature/fix changes in this pnpm + Changesets monorepo. Use when the user says "PRを作成", "mainにPR", or wants to submit changes0skills.sh installs
2claude-office-skills avatarAmazon Sellerclaude-office-skills/skillsAutomate Amazon seller operations including inventory, orders, pricing, and advertising management0skills.sh installs
3claude-office-skills avatarSecurity Monitoringclaude-office-skills/skillsAutomate security monitoring, threat detection, incident response, and compliance workflows0skills.sh installs
4claude-office-skills avatarStripe Paymentsclaude-office-skills/skillsAutomate Stripe payment processing, subscription management, invoicing, and financial reporting0skills.sh installs
5codeaholicguy avatardev-lifecyclecodeaholicguy/ai-devkitAI DevKit · Structured SDLC workflow with 8 phases — requirements, design review, planning, implementation, testing, and code review. Use when the user wants to0skills.sh installs
6countbot-ai avataragent-team-managercountbot-ai/countbot多智能体团队管理。创建、查看、修改、删除 CountBot 的多智能体团队,管理团队成员(角色)和团队级自定义模型配置。当用户要新建 Pipeline/Graph/Council 团队、调整成员分工、修改依赖关系、开关技能系统、设置团队专属模型时使用。0skills.sh installs