CC Workflow Studio: un editor visual para flujos de trabajo de agentes de código

Todo lo que hay que saber sobre breaking-brake/cc-wf-studio: una extensión de VS Code (y una familia de herramientas en torno a un único archivo workflow.json) que permite diseñar flujos de trabajo multiagente en un lienzo visual y exportarlos como Markdown que los agentes de programación entienden. A 3 de septiembre de 2026 lleva 5.367 estrellas.

No hubo que desambiguar: el repositorio es breaking-brake/cc-wf-studio (https://github.com/breaking-brake/cc-wf-studio), una sola publicación con ese nombre.

Qué es CC Workflow Studio

CC Workflow Studio («Claude Code Workflow Studio», así se titula en las tiendas de extensiones) es un editor visual de flujos de trabajo para agentes de código. El lema del README lo resume: «You think visually. AI thinks in .md. CC Workflow Studio speaks both.» («Pensas visualmente. La IA piensa en .md. CC Workflow Studio habla ambos»). En la práctica: el usuario dibuja un flujo en un lienzo de arrastrar-y-soltar y la herramienta lo convierte en archivos Markdown (comandos de barra, habilidades o subagentes) que Claude Code, Copilot, Codex u otros agentes ejecutan directamente.

No es un modelo, ni un orquestador que ejecuta agentes por sí mismo, ni un servicio en la nube: es una capa de diseño y generación sobre los formatos nativos de cada agente. El producto principal es un único archivo workflow.json que alimenta, de forma indistinta, tres interfaces: la extensión de VS Code (lienzo + editor), una CLI (ccwf) y un servidor MCP (ccwf-mcp).

Origen

El repositorio se creó el 1 de noviembre de 2025 y su autor es breaking-brake, que su perfil de GitHub describe como Web Engineer / Dev Tools Engineer con base en Tokio, Japón (87 seguidores al consultar su perfil el 3 de septiembre de 2026).
Los paquetes npm asociados (@cc-wf-studio/cli y @cc-wf-studio/mcp) publican su primera versión el 19 de mayo de 2026, lo que indica que la fase CLI/MCP llegó varios meses después del arranque de la extensión.
El 9 de abril de 2026 el autor publicó la presentación «CC Workflow Studio» en Speaker Deck (perfil seiyakobayashi), que acumula 1.770 vistas al momento de la consulta; ese día y esa charla son el punto más antiguo de difusión pública que pudimos verificar.
El README lo declara como un proyecto inspirado en Dify (la plataforma de orquestación visual de langgenius) y construido sobre React Flow y Claude Code. Se trata de una declaración del propio autor sobre la inspiración conceptual, no de una relación de código.

Sin verificar: no encontramos un anuncio de lanzamiento en blog propio, Twitter/X ni Product Hunt; el blog breaking-brake.github.io (Astro, «Claude Code Workflow Studio Blog») no resolvió en esta investigación. La narrativa pública verificable arranca en la charla de abril de 2026, meses después de creado el repositorio.

Filosofía y principios

Los principios que se pueden leer directamente en el README y en la documentación:

Un solo archivo, tres interfaces. El README insiste en que no hay camino «solo VS Code»: el workflow.json que se dibuja en el lienzo es el mismo que ccwf preview renderiza en el navegador y el mismo que un Claude Code externo edita por MCP. La herramienta separa el diseño del formato de salida.
Del lienzo al Markdown nativo. No inventa un nuevo formato de ejecución: exporta a los directorios que cada agente ya lee (.claude/, .codex/, .cursor/, .github/, .roo/, .gemini/, .agent/). El objetivo declarado es eliminar el «prompt-guessing» (adivinar qué pedirle a la IA).
El agente también es usuario de la herramienta. Existe la función «Edit with AI»: el propio agente modifica el flujo conversacionalmente a través del servidor MCP (get_workflow → apply_workflow).
Desarrollo autómato documentado. El propio proyecto se construye en gran parte con un bucle autómato de Claude Code (ver «Cómo contribuir»): la ideación y la implementación las hace un agente, y main es territorio solo humano.

Cómo funciona

Arquitectura (según `docs/architecture.md`)

Extensión de VS Code con dos mitades —un extension host (Node.js) y un webview (React + Zustand) que se hablan por postMessage—; el host lee y escribe el sistema de archivos (.vscode/workflows/), llama al CLI de Claude Code, a Slack y a servidores MCP. Los flujos documentados incluyen guardar el flujo, compartirlo por Slack (con detección de datos sensibles antes del envío y un deep-link vscode://cc-wf-studio/import para reimportarlo desde Slack) y descubrir servidores/herramientas MCP para los nodos MCP.

Un solo archivo, tres interfaces: un hexágono cristalino traslúcido con patrones de circuito interno representando workflow.json, ramificándose en un lienzo visual de VS Code, un terminal CLI y un nodo de servidor MCP, todos conectados por flujos de datos neón animados

Nodos del lienzo (según `packages/core/src/schema/nodes/`)

Cada tipo de nodo tiene su esquema zod: prompt, skill, sub-agent, sub-agent-flow, mcp, branch, branch-session, if-else, switch, group y ask-user-question. El tipo branchSession, añadido en la versión 3.36.0 (11 de julio de 2026), es un punto de control human-in-the-loop exclusivo de Claude Code.

Un lienzo de editor de nodos detallado que muestra un grafo de flujo multiagente complejo, con nodos validados por esquema para prompt, skill, sub-agent, herramienta MCP, branch, if-else, switch, group y ask-user-question, y un nodo branchSession especial que actúa como puerta de control humano en el bucle

Agentes de destino y formato de exportación (tabla del README)

Agente	Directorios generados
Claude Code	`.claude/agents/` y `.claude/commands/`
GitHub Copilot Chat	`.github/prompts/`
GitHub Copilot CLI	`.github/skills/`
OpenAI Codex CLI	`.codex/skills/`
Zoo Code (antes Roo Code)	`.roo/skills/`
Gemini CLI	`.gemini/skills/`
Antigravity	`.agent/skills/`
Cursor	`.cursor/agents/` y `.cursor/skills/`

Nota del README: los agentes distintos de Claude Code requieren activarse desde el menú More de la barra de herramientas.

Visualización futurista de exportación: un lienzo de flujo visual se transforma en artefactos de agente nativos, con documentos Markdown, archivos de comando de barra, archivos de skill y definiciones de agente que emergen del lienzo y vuelan hacia estructuras de carpetas organizadas etiquetadas .claude, .codex, .cursor, .github, .roo, .gemini y .agent

Herramientas MCP (6, según `packages/mcp/README.md`)

get_workflow_schema, get_current_workflow, apply_workflow (valida y persiste; respeta expectedRevision para bloqueo optimista), update_nodes (actualizaciones parciales, más eficientes en tokens), list_available_agents y highlight_group_node (solo lienzo). En modo archivo, la revision es el sha256: del contenido del archivo y las escrituras son atómicas (archivo temporal + renombrar).

Un panel holográfico de servidor MCP rodeando un grafo de flujo central, mostrando seis tarjetas de herramientas brillantes con iconos neón, con paquetes de datos animados fluyendo entre el lienzo de flujo y las herramientas MCP, un panel mostrando un bloqueo de revisión optimista con un hash sha256 brillante, y otro mostrando escrituras de archivo atómicas

CLI `ccwf` (según `packages/cli/README.md`)

render, validate (sale con 0/1; --json), mcp --file, export (--agent, --cwd, --overwrite), run (--launch), preview (--port, --keep-alive), canvas (experimental) e install-skills / uninstall-skills.

Una interfaz de terminal oscura y elegante mostrando el CLI ccwf en acción, con líneas de comando brillantes como render, validate, mcp, export, run, preview, canvas e install-skills, y un resultado de validación exitoso con una insignia de aprobación verde neón

El ecosistema

Repositorios del mismo autor

breaking-brake/cc-wf-studio-connectors (2 estrellas): servidor de autenticación OAuth (Cloudflare Worker + KV) para que la extensión se conecte a Slack de forma segura.
breaking-brake/breaking-brake.github.io (1 estrella): blog del proyecto, «Claude Code Workflow Studio Blog – Powered by Astro».
breaking-brake/markdown-ai-translator (10 estrellas): proyecto lateral del autor, sin relación funcional directa con el lienzo.
El resto de su perfil son temas de VS Code, proyectos de lectura (fork de Readest/Thorium) y experimentos pequeños; ninguno forma parte del ecosistema de CC Workflow Studio.

Proyecto comunitario en otro idioma

heishia/ppop-code (11 estrellas, creado el 20 de enero de 2026): framework de orquestación AI en TUI (Go) que conecta Claude Code + cc-wf-studio + Cursor, con guía de instalación en coreano (README.ko.md). Es el único proyecto no en inglés que vinculamos a este repositorio y que pudimos verificar; no es un fork ni una traducción del editor, sino un consumidor de él.

Relacionados (proyectos vecinos, verificados en búsquedas de GitHub)

Repositorio	Estrellas (3-sep-2026)	Qué es
`AgenticFlowX/agenticflowx`	20	«Capa de workflow en VS Code para AI coding» con modos Code/Explore/Spec y chat-first.
`rondoflow/rondoflow`	20	Plataforma local-first, open-source, para orquestar agentes de Claude Code con lienzo drag-and-drop (tiene Show HN propio, id 48686649).
`stellan-lee/Infinite-Loop`	8	Editor visual que hace correr a Claude Code en bucle hasta cumplir una condición (Loop, Branch, Condition).
`OshriNap/skill-editor`	1	Editor de grafo de nodos (estilo Blender) para editar skills de Claude Code.

No encontramos traducciones al chino ni al japonés del propio editor; la localización que el proyecto documenta es interna (la salida de sus flujos se localiza, ver issue #133).

Un mapa de ecosistema estilo constelación mostrando CC Workflow Studio en el centro, conectado por líneas luminosas a herramientas de desarrollo relacionadas y proyectos comunitarios, incluyendo VS Code Marketplace, Open VSX, paquetes npm, un framework de orquestación TUI, un editor de flujo visual, un editor de grafo de skills y una herramienta de bucle de agente

Estado oficial / semioficial

VS Code Marketplace: publicado como breaking-brake.cc-wf-studio («Claude Code Workflow Studio»), con 9.744 instalaciones, 3.810 descargas y valoración 4,45/5 (API de la galería, 3-sep-2026). La última versión publicada allí es 3.36.0 (11-07-2026).
Open VSX: también listado (espacio breaking-brake/cc-wf-studio, v3.36.0, timestamp 2026-07-11T07:08Z).
npm: @cc-wf-studio/cli (v0.2.2), @cc-wf-studio/mcp (v0.1.5) y @cc-wf-studio/core (v0.4.0).
Listas curadas: el autor abrió el 28 de marzo de 2026 la solicitud hesreallyhim/awesome-claude-code#1198 («[Resource]: CC Workflow Studio», categoría Tooling: IDE Integrations); al momento de la consulta sigue abierta y no verificamos que aparezca ya en el README de esa lista, por lo que debe leerse como nominación pendiente, no como inclusión confirmada.
Auditoría de terceros: xiaolai/nlpm#219 (25 de abril de 2026) lo marcó como audit candidate (4.893 estrellas entonces, 5 artefactos NL); el issue fue cerrado.

En la práctica, su estatus es el de extensión comercializada en las dos principales galerías de VS Code y paquete npm, sin designación formal de estándar por parte de Anthropic ni de ningún vendor; la «oficialidad» real es de canal de distribución, no de respaldo de marca.

Guía rápida de uso

Instalación y primer arranque

Prerrequisitos: VS Code (para la extensión) y Node.js (para CLI/MCP).

# Extensión (la vía más directa)
code --install-extension breaking-brake.cc-wf-studio

# O desde el VS Code Marketplace / Open VSX buscando «Claude Code Workflow Studio»

# CLI, sin instalación (vía npx)
npx @cc-wf-studio/cli --help

# O como dependencia de proyecto
pnpm add -D @cc-wf-studio/cli

En el primer arranque: icono en la esquina superior derecha del editor, o Command Palette → «CC Workflow Studio: Open Editor». Desde la palette se añaden nodos, se configura cada uno y se guarda con el botón Save; el resultado queda en .vscode/workflows/*.json.

Flujos de trabajo habituales

Diseñar un flujo y usarlo como comando: dibujar los nodos → Export → se genera el SKILL.md/comando de barra → en Claude Code se invoca con /workflow-name.
Validar antes de usarlo (útil en CI): ccwf validate ./.vscode/workflows/my-workflow.json (sale 0/1; con --json emite { valid, errors[] }).
Ejecutar el flujo directamente: botón Run en el editor, o ccwf run ./my-workflow.json --launch (escribe los archivos y, si hay binario claude en PATH, lo arranca; solo para claude-code por ahora).
Dejar que un agente externo edite el flujo: apuntar el cliente MCP al servidor, p. ej. en .mcp.json:
```
{ "servers": { "cc-wf-studio": { "type": "stdio", "command": "npx",
  "args": ["@cc-wf-studio/mcp", "--file", ".vscode/workflows/my-workflow.json"] } } }
```
El agente usa entonces get_current_workflow / apply_workflow / update_nodes.
Ver el flujo sin VS Code: ccwf preview ./my-workflow.json abre un visor de solo lectura (Mermaid + Markdown por nodo) en el navegador y se recarga solo al cambiar el archivo.

Configuración esencial

.vscode/workflows/*.json — donde viven tus flujos; es el único estado real compartido por las tres interfaces.
.mcp.json — registra el servidor MCP (cc-workflow-studio por HTTP en el canvas, o el binario ccwf-mcp por stdio en modo archivo).
Menú More de la toolbar — ahí se activan los agentes distintos de Claude Code antes de exportar.
--agent (CLI) — claude-code (default), cursor, codex, copilot, gemini, roo-code, antigravity; cambia el directorio de salida.
.claude/skills del proyecto (opcional) — ccwf install-skills --project copia la habilidad empaquetada para que los agentes sepan cuándo usar ccwf.

Trampas frecuentes y soluciones

El agente que exportes no responde: los agentes distintos de Claude Code hay que activarlos antes desde More (nota explícita del README).
SKILL.md con frontmatter que no es de Skill: el cuerpo aún lo genera el SlashCommand generator heredado, con campos hooks, model y argument-hint que la especificación de Skill no reconoce; el README lo declara tarea pendiente.
YAML roto al exportar: hay bugs abiertos por interpolación sin escape (issue #1061 «Skill node SKILL.md frontmatter is interpolated unescaped», #1058 «Sub-Agent Flow agent file…», #1047 «Slash-command frontmatter…», #1064 «Prompt bodies… 3-backtick fences»); si un : o salto de línea en una descripción rompe el YAML, es uno de estos.
Abrir/cerrar un Sub-Agent Flow lo daña: issue #1042 «Opening and closing a Sub-Agent Flow destroys its groups and branch conditions» — guardad una copia del JSON si trabajáis con ese nodo.
preview se apaga solo: el servidor cierra 30 s después de que se cierre la última pestaña (solo si alguna se conectó); usad --keep-alive para compartirlas por LAN o reabrir.
Modo archivo MCP no crea subagentes: planAndPersistSubAgentFiles devuelve [] a propósito; en file-mode el cliente debe proporcionar commandFilePath completo (la auto-creación de .claude/agents/*.md queda para el modo canvas).
Escrituras concurrentes: apply_workflow rechaza el cambio si expectedRevision (hash sha256 del archivo) no coincide — es bloqueo optimista, no un error de red.

Integraciones y migración

MCP: dos modos —HTTP en 127.0.0.1:6289/mcp (canvas) y stdio vía ccwf-mcp / ccwf mcp --file (archivo). Cualquier cliente MCP (Claude Code, MCP Inspector) puede usarlo.
Slack: compartir el workflow.json a un canal (con detector de datos sensibles) e importarlo de vuelta desde el mensaje con deep-link.
CI/SSH/Codespaces: la CLI cubre el caso sin IDE — render para generar documentación Mermaid, validate para gates, export para materializar skills.
Migración desde comandos escritos a mano: los directorios de salida son los estándar de cada agente, por lo que un flujo exportado convive con .claude/commands/<name>.md escritos a mano. El README avisa que ccwf export --agent claude-code escribe ya en el layout por directorio (.claude/skills/<workflow>/SKILL.md) y no borra los archivos legacy .claude/commands/<workflow>.md: la limpieza es manual.
Migración desde Dify: no hay conversor; el README sitúa a Dify como inspiración conceptual.

Métricas actuales

Medición: 3 de septiembre de 2026, API de GitHub (repo) y API de la galería de VS Code.

Métrica	Valor
Estrellas	5.367
Bifurcaciones	571
Suscriptores (watchers reales)	19
Commits (conteo por paginación de la API)	1.066
Tags	179
Incidencias + PRs abiertas (campo `open_issues_count`)	46
— solo incidencias (API de búsqueda)	38
— solo PRs (API de búsqueda)	8
Lenguaje principal	TypeScript
Licencia	AGPL-3.0-or-later (extensión) / MIT (los 3 paquetes npm)
Creación	1 de noviembre de 2025
Último push	30 de agosto de 2026
Última publicación	`cc-wf-studio@3.36.0` (11 de julio de 2026)
Instalaciones VS Code Marketplace	9.744 (valoración 4,45/5)
Descargas npm (últ. semana / mes)	cli 92/245 · mcp 84/242 · core 79/215

Aclaraciones: open_issues_count de la API mezcla issues y PRs, por eso se desglosa con la API de búsqueda. El conteo de 1.066 commits se obtuvo paginando la API de commits en bloques de 100 (no es un campo nativo). Los descargues npm son bajos en comparación con las 9.744 instalaciones de la extensión: la vía dominante de adopción es la galería de VS Code, no npm.

Contribuyentes principales (API, por commits): breaking-brake (855), github-actions[bot] (150), dependabot[bot] (39), Copilot (11), sei04/sei024 (6), braking-brake-release-bot[bot] (5). La abrumadora mayoría del código lo aporta el autor junto a bots de CI y dependencias.

Releases recientes (notas Changesets): 3.36.0 añade el nodo branchSession (checkpoint humano en Claude Code); 3.35.1 introduce esquemas zod de propiedades de nodo (base + subAgent) y corrige la licencia declarada de los README de core/mcp/cli (MIT, no AGPL); 3.35.0 añade acciones de agente (Import Skill, Generate Tour) y un reproductor de tour guiado.

Recepción de la comunidad

La huella pública verificable es modesta y en su mayoría en canales técnicos; no encontramos un hilo de Hacker News ni un hilo de Reddit centrado en el proyecto (las búsquedas de HN Algolia por nombre de repo, autor y producto no devolvieron ningún story sobre él; las búsquedas de Reddit solo devolvieron coincidencias falsas por las siglas «CC»).

Hacker News: sin hilo propio encontrado en esta consulta. Los resultados vecinos confirman el ecosistema: Show HN de RondoFlow (id 48686649, 2 puntos), Show HN Claude Code Canvas de raulriera (id 47142226, 4 puntos, 1 comentario), «Infinite Claude Code Canvas (OSS)» (id 47467115, 3 puntos, 1 comentario) y «Figma-like Canvas for running Claude Code agents» (id 46670183, 3 puntos).
Reddit: sin hilo verificado. Los resultados de old.reddit.com y de pullpush.io sobre «cc-wf-studio» / «CC Workflow Studio» fueron ruido (siglas de crédito, juegos, etc.).
YouTube (japón): vídeo «ノーコードで自動化！Claude Code Workflow StudioでSkill/Subagentを組み込むコマンド作成» (6sSPFNrDFMI) — tutorial japonés sobre cómo crear comandos con Skill/Subagent sin código. Es la pieza de vídeo específica que encontramos en la búsqueda; no pudimos leer el canal ni las vistas exactas desde la página de resultados.
GitHub, issues de usuarios (todas en inglés o japonés, según el autor del issue):
- #696 (abierto, linhaosunny, 31-may-2026): «why not support Qwen Code?» — petición de soporte de agente que el README no cubre.
- #717 (cerrado, arrunkumarrusd, 7-abr-2026): petición de usar modelos de Continue o LM Studio.
- #405 (cerrado, carolove, 8-ene-2026): «How to run cc-wf-studio in browser mode» — la respuesta es la vía CLI ccwf preview / ccwf canvas.
- #531 (cerrado, Sev73n, 4-feb-2026): «roo code vscode support» — hoy resuelto en el README (Zoo Code / ex-Roo Code exporta a .roo/skills/).
- #460 (cerrado, foolishantcat, 15-ene-2026): «How can I replace claude cmd header?».
- #80 (cerrado, propio, 16-nov-2025, en japonés): adopción de Snyk para escanear la seguridad de la extensión.
- #626 (cerrado, propio, 1-mar-2026): subir el flujo como Custom Skill a plataformas de ejecución en la nube.
Listas curadas: nominación abierta en hesreallyhim/awesome-claude-code#1198 (28-mar-2026, autor: el propio breaking-brake); xiaolai/nlpm#219 (25-abr-2026) lo registró como audit candidate con 4.893 estrellas y 5 artefactos NL, y fue cerrado.
Speaker Deck: la charla de presentación (9-abr-2026) lleva 1.770 vistas, una cifra coherente con un proyecto de nicho bien recibido en la comunidad de dev tools japonesa y anglosajona.

El balance honesto: la recepción verificable es de nicho técnico positivo (instalaciones crecientes en la galería, 9.744; charla con 1.770 vistas; nominaciones a dos listas), con peticiones de soporte ampliado (agentes y modelos que el README no cubre) y bugs concretos de exportación abiertos. No encontramos crítica pública fuerte ni ningún hilo viral.

Comparación con proyectos similares

Proyecto	Coincidencia verificable	Diferencia verificable
Dify (`langgenius/dify`, 154.325 estrellas)	Lienzo visual para orquestación de flujos de IA.	Dify es una plataforma de producción completa (RAG, deployment, multi-modelo); el propio README la declara inspiración de CC Workflow Studio. CC Workflow Studio, en cambio, exporta a formatos de agente de código (`.claude/`, `.codex/`, etc.) y no ejecuta el flujo.
RondoFlow (`rondoflow/rondoflow`, 20 estrellas)	Lienzo drag-and-drop para orquestar agentes de Claude Code; «local-first, open-source».	Se publica como plataforma independiente (rondoflow.app) con Show HN propio (id 48686649); CC Workflow Studio vive dentro de VS Code y añade CLI + MCP.
AgenticFlowX (`AgenticFlowX/agenticflowx`, 20 estrellas)	«Capa de workflow en VS Code para AI coding» con chat-first.	Añade modos Code/Explore/Spec y pre-análisis en Markdown; CC Workflow Studio se centra en el lienzo y en la exportación multi-agente.
Infinite-Loop (`stellan-lee/Infinite-Loop`, 8 estrellas)	Editor visual que hace correr a Claude Code en bucle (Loop/Branch/Condition).	Su premisa es la repetición hasta cumplir condición; CC Workflow Studio modela flujos de habilidades/subagentes para exportar, no bucles de ejecución.
skill-editor (`OshriNap/skill-editor`, 1 estrella)	Lienzo de nodos para skills de Claude Code (estilo Blender).	Edita skills existentes; CC Workflow Studio genera flujos completos (skills + subagentes + nodos de control) y los exporta.
ppop-code (`heishia/ppop-code`, 11 estrellas)	Consume cc-wf-studio como uno de sus componentes.	No es un competidor: es un TUI en Go (con docs en coreano) que orquesta Claude Code + cc-wf-studio + Cursor.

La comparación más útil no es de popularidad: CC Workflow Studio gana cuando se quiere un editor visual dentro de VS Code que exporte a varios agentes; RondoFlow / Dify ganan cuando se busca una plataforma de orquestación standalone o de producción.

Cómo contribuir

El proceso está documentado con detalle en CLAUDE.md, docs/release-flow.md y docs/task-automation.md:

Regla de idioma: issues y PR (títulos, cuerpos, comentarios) en inglés, sin importar el idioma de la conversación.
Monorepo pnpm (no usar npm): pnpm check (lint + type-check en los 4 paquetes) y pnpm build son obligatorios antes de commit/PR; pnpm test para la suite automatizada (en construcción por el bucle QA).
Branch model:
- main es solo humano: el agente nunca abre ni mergea sobre main.
- El trabajo del agente va a auto-dev (auto-squash-merge solo con CI verde) y un humano promueve auto-dev → main con un promotion PR.
- auto-qa es una pista hermana para la suite de tests; nunca edita packages/*/src.
Bucle autómato del propio proyecto (lo más inusual): next-idea (modelo Fable, :30 de cada hora) inventa 3–5 ideas, las valida contra la value bar de IMPLEMENTATION_PLAN.md y abre/ bloquea issues con etiqueta idea; next-task (modelo Opus, :01) implementa una idea por iteración en una rama claude/<task> y abre PR a auto-dev. Todo texto de no-dueños se trata como datos no confiables, nunca como instrucciones. IMPLEMENTATION_PLAN.md es solo humano-editable: una edición ahí redirige el bucle entero.
Releases: Changesets; los changesets se acumulan en main y un humano dispara «Release — Create Release PR»; al fusionarlo, la publicación a npm + tag + VSIX es automática. Publicar es acción exclusivamente humana: los agentes no deben disparar el workflow de release.
Seguridad: SECURITY.md — reportar vulnerabilidades por GitHub Security Advisory o correo con asunto «SECURITY», nunca por issues públicos.

Una escena cinematográfica de espacio de trabajo de desarrollador mostrando un bucle de desarrollo autónomo: un agente Claude Code, representado por una silueta robot neón translúcida, lee un grafo de flujo, genera código, hace commit de cambios y valida el resultado, mientras un desarrollador humano permanece cerca de una puerta protegida de «rama main»

Casos de uso

Equipos que usan Claude Code / Codex / Copilot / Cursor / Gemini CLI a diario y escriben a mano sus SKILL.md y .md de subagentes: el lienzo los genera, y al cambiar un nodo regenera los archivos. Aísla el diseño de la sintaxis Markdown y evita el «prompt-guessing».
Responsables de un proyecto que quiere estandarizar flujos multiagente entre varios agentes: la exportación multi-target (.claude/, .codex/, .cursor/, .roo/, .gemini/, .agent/, .github/) permite que el mismo flujo corra en el agente que tenga cada persona, sin reescribir el prompt.
DevOps / CI: ccwf validate con exit code y --json es un gate natural en una pipeline; ccwf render genera documentación Mermaid auto-sincronizada del flujo.
Equipos distribuidos que se coordinan por Slack: el share a Slack con detección de datos sensibles y el deep-link de import permiten proponer y revisar flujos fuera del IDE sin copiar-pegar JSON.
Personas que quieren dejar que el propio agente mantenga sus flujos: el servidor MCP (ccwf-mcp) + las herramientas get_current_workflow / update_nodes / apply_workflow (con expectedRevision para bloqueo optimista) son la puerta de entrada de un Claude Code externo para editar workflows.
Investigadores del desarrollo de software asistido por agentes: el propio proyecto es un caso de estudio del bucle autómato (Fable para idear, Opus para implementar, auto-dev como zona de impacto limitado, main solo humano, IMPLEMENTATION_PLAN.md como volante). Es material primario sobre cómo se construye un producto con agentes bajo supervisión humana mínima.

Recursos

Repositorio: https://github.com/breaking-brake/cc-wf-studio
Documentación: README del monorepo (https://github.com/breaking-brake/cc-wf-studio#readme) + packages/cli/README.md + packages/mcp/README.md + docs/architecture.md + docs/task-automation.md + docs/release-flow.md
Paquetes npm (equivalente a «skills oficiales»):
- @cc-wf-studio/cli — https://www.npmjs.com/package/@cc-wf-studio/cli
- @cc-wf-studio/mcp — https://www.npmjs.com/package/@cc-wf-studio/mcp
- @cc-wf-studio/core — https://www.npmjs.com/package/@cc-wf-studio/core
Extensiones de editor:
- VS Code Marketplace — https://marketplace.visualstudio.com/items?itemName=breaking-brake.cc-wf-studio
- Open VSX — https://open-vsx.org/extension/breaking-brake/cc-wf-studio
Charla / presentación oficial: Speaker Deck, 9-abr-2026 — https://speakerdeck.com/seiyakobayashi/cc-workflow-studio
Video tutorial (japón): «ノーコードで自動化！Claude Code Workflow StudioでSkill/Subagentを組み込むコマンド作成» — https://www.youtube.com/watch?v=6sSPFNrDFMI
Nominaciones / auditorías:
- https://github.com/hesreallyhim/awesome-claude-code/issues/1198
- https://github.com/xiaolai/nlpm/issues/219
Issues de referencia (en el propio repo): #696 (Qwen Code), #717 (Continue/LM Studio), #405 (browser mode), #531 (Roo/Zoo Code), #1042 (Sub-Agent Flow bug), #1061 (YAML unescaped)
Comunidad: GitHub Discussions está habilitado en el repositorio; no encontramos Discord ni canal público propio.
Blog oficial (sin verificar en esta consulta): https://breaking-brake.github.io/
Repositorios relacionados del autor:
- breaking-brake/cc-wf-studio-connectors — https://github.com/breaking-brake/cc-wf-studio-connectors
- breaking-brake/markdown-ai-translator — https://github.com/breaking-brake/markdown-ai-translator
Proyecto comunitario no-inglés que lo consume: heishia/ppop-code — https://github.com/heishia/ppop-code

Nota metodológica: este informe combina la API de GitHub (repo, issues, contributors, releases, tags, commits por paginación), la API pública de la galería de VS Code, npmjs (descargas y metadatos de paquetes), Open VSX, Hacker News Algolia, búsqueda de YouTube, Speaker Deck, los README y docs/ del propio monorepo, y las solicitudes/auditorías verificadas en hesreallyhim/awesome-claude-code y xiaolai/nlpm. Todo se consultó el 3 de septiembre de 2026. Los números de estrellas, instalaciones y descargas cambian con el tiempo; los de issues/PRs provienen de APIs distintas (la API general del repo mezcla issues y PRs en open_issues_count; la API de búsqueda los separa).