FlowCraft – una herramienta para visualizar metaprompts como grafos y convertirlos en prompts de ejecución basados en grafos

Hola,

Quiero compartir FlowCraft Task Studio, que hice para revisar más fácilmente los planes largos creados en el modo Plan de Claude Code o Codex y para entregárselos a la IA.

Si se pasa un metaprompt largo tal cual, a veces es difícil identificar qué tarea va primero, cuáles se pueden procesar en paralelo o si cierto subagente está recibiendo demasiada carga.

Creé FlowCraft inspirado en el enfoque de la ingeniería de grafos.
Es una herramienta que divide el plan en nodos de tareas y relaciones de dependencia, para que puedas ver y mejorar visualmente el orden de ejecución y la estructura paralela.

🧩 ¿Qué funciones tiene?

• Generación de prompts de diseño para LLM que convierten metaprompts en JSON de tareas para FlowCraft
• Agregar, mover, duplicar y eliminar nodos de tareas, además de modificar directamente las conexiones entre nodos
• Edición por tarea de responsable, entradas, entregables, condiciones de finalización y alcance de archivos
• Revisión de cuellos de botella por demasiados subagentes o por concentración excesiva en una sola tarea
• Generación de instrucciones de trabajo en Markdown para entregar a Codex o Claude Code
• Copiar todo el flujo de trabajo como imagen

También permite distinguir entre un subagente que simplemente tarda más y uno que realmente se quedó detenido.
Incluye una skill para Codex que entrega juntos el plan original, las instrucciones en Markdown y la imagen de nodos.

🚂 ¿Cómo se usa?

1. Pega en FlowCraft el plan creado en el modo Plan de Codex o Claude Code.
2. Entrega a GPT o Claude el prompt de diseño para LLM generado por FlowCraft. (También puedes dárselo directamente a Codex o Claude Code).
3. Pega en FlowCraft el JSON devuelto para revisar y ajustar el flujo de trabajo.
4. Entrega a Codex o Claude Code las instrucciones de trabajo en Markdown finalizadas y la imagen de nodos.

Si quieres usarlo de una forma un poco más simple, también puedes registrar en Codex la skill flowcraft-codex-handoff incluida en GitHub.
Después de registrar la skill, si le entregas el plan creado en el modo Plan, se preparan de una vez estas tres cosas:

• El metaprompt original del plan existente
• Instrucciones de trabajo en Markdown que reflejan la estructura del grafo
• Una imagen SVG que muestra los nodos de tareas y las relaciones de dependencia

Si quieres revisar o modificar directamente los nodos y las conexiones en la app, usa la interfaz de FlowCraft; si quieres entregárselo rápido a Codex, usa la skill.

FlowCraft no ejecuta IA ni llama APIs por sí mismo.
Si quieres probarlo primero sin instalar nada, puedes usar el demo en Netlify de abajo;
si quieres revisar el código y la skill de Codex incluida, consulta GitHub.

Netlify demo: https://flowtaskstudio.netlify.app
GitHub: https://github.com/sleeplesshan/flowcraft-task-studio

¡Agradeceré mucho sus opiniones sobre si la visualización en grafos realmente ayuda al diseñar trabajo multiagente y sobre qué partes habría que mejorar más en la distribución de tareas o en la estructura de prompts!