Repolode
Enviar
breaking-brake

breaking-brake/cc-wf-studio

Editor visual en lienzo para diseñar flujos de trabajo de agentes de IA y exportarlos como comandos slash y skills en Markdown para Claude Code y otros agentes de programación.

Ver en GitHubSitio web
Estrellas
5,451
Forks
572
Issues abiertos
43
Último commit
el mes pasado

¿Qué es?

CC Workflow Studio permite diseñar flujos de trabajo de agentes de IA en un lienzo basado en nodos y exportarlos como archivos Markdown que los agentes de programación pueden ejecutar directamente. El contenido exportado se coloca en las carpetas que espera cada agente, como .claude/commands y .claude/agents para Claude Code, o .cursor/skills y .codex/skills para otros agentes.

El mismo archivo workflow.json se puede editar de tres formas: con el editor visual de la extensión de VS Code, con una herramienta de línea de comandos (ccwf) para renderizar, validar, previsualizar y ejecutar flujos de trabajo en una terminal o en CI, y con un servidor MCP (ccwf-mcp) que permite a un cliente de IA externo leer y modificar flujos de trabajo mediante herramientas MCP.

El proyecto se centra en la orquestación de subagentes, las skills de agentes y la integración de herramientas MCP. También incluye un panel Edit with AI que inicia un agente con el servidor MCP para modificar un flujo de trabajo a partir de solicitudes en lenguaje natural.

Funciones clave

  • 01Lienzo de arrastrar y soltar para crear flujos de trabajo de agentes sin escribir código
  • 02Exporta comandos slash, subagentes y skills para varios agentes de programación
  • 03Edita flujos de trabajo con un agente de IA mediante un servidor MCP
  • 04Herramienta de línea de comandos para renderizar, validar, previsualizar y ejecutar flujos de trabajo
  • 05Comparte el mismo workflow.json entre la extensión de VS Code, el CLI y el servidor MCP

Casos de uso

  • Convertir una rutina de programación de varios pasos en un comando slash reutilizable para Claude Code
  • Diseñar visualmente pipelines de subagentes y exportarlos a las carpetas de agentes de un proyecto
  • Permitir que un cliente de IA perfeccione un archivo de flujo de trabajo mediante MCP, sin abrir VS Code
  • Validar y previsualizar flujos de trabajo en CI o mediante SSH

Inicio rápido

  1. 1

    Instala la extensión de VS Code desde el marketplace

    code --install-extension breaking-brake.cc-wf-studio
  2. 2

    Prueba la CLI sin instalarla globalmente

    npx @cc-wf-studio/cli --help
  3. 3

    Añade el servidor MCP al archivo .mcp.json de tu cliente MCP para que pueda leer y editar workflows

Antes de usarlo

  • La extensión principal usa la licencia AGPL-3.0, que conlleva obligaciones de copyleft.
  • Los agentes que no sean Claude Code deben activarse desde el menú More de la Toolbar.
  • Todavía no hay ejemplos de uso; el README indica que estarán disponibles próximamente.

En colecciones

Herramientas, skills y plugins para Claude CodeFrameworks y apps de agentes de IA open sourceServidores MCPBibliotecas de skills para agentes de IA

Temas

#ai-agents#claude-code#workflow-automation#mcp#visual-programming#vscode-extension#agent-skills#mcp-tools#slash-commands#sub-agents

Preguntas frecuentes

¿Qué es cc-wf-studio?
Editor visual en lienzo para diseñar flujos de trabajo de agentes de IA y exportarlos como comandos slash y skills en Markdown para Claude Code y otros agentes de programación. CC Workflow Studio permite diseñar flujos de trabajo de agentes de IA en un lienzo basado en nodos y exportarlos como archivos Markdown que los agentes de programación pueden ejecutar directamente. El contenido exportado se coloca en las carpetas que espera cada agente, como .claude/commands y .claude/agents para Claude Code, o .cursor/skills y .codex/skills para otros agentes.
¿cc-wf-studio es gratuito? ¿Qué licencia tiene?
cc-wf-studio es open source bajo la licencia Other. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿cc-wf-studio sigue mantenido?
Actualizado en los últimos 6 meses. El último commit de cc-wf-studio fue el 7 oct 2026.
¿Para qué puedo usar cc-wf-studio?
Convertir una rutina de programación de varios pasos en un comando slash reutilizable para Claude Code Diseñar visualmente pipelines de subagentes y exportarlos a las carpetas de agentes de un proyecto Permitir que un cliente de IA perfeccione un archivo de flujo de trabajo mediante MCP, sin abrir VS Code Validar y previsualizar flujos de trabajo en CI o mediante SSH
¿Cómo se instala cc-wf-studio?
Instala la extensión de VS Code desde el marketplace: code --install-extension breaking-brake.cc-wf-studio Prueba la CLI sin instalarla globalmente: npx @cc-wf-studio/cli --help Añade el servidor MCP al archivo .mcp.json de tu cliente MCP para que pueda leer y editar workflows
¿Dónde consigo cc-wf-studio?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/breaking-brake/cc-wf-studio

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados