CommunityProgramación y desarrollogithub.com

xntj-ai/flowmaker

Convierte una descripción de proceso en una sola línea en un diagrama de flujo HTML editable arrastrando, sin backend y con estilo de vidrio claro (rombo/inicio-fin/proceso).

¿Qué es flowmaker?

Flowmaker es una skill para agentes de IA (como Claude Code, Cursor, Codex) que transforma descripciones textuales de procesos en diagramas de flujo interactivos, todo en un único archivo HTML, sin necesidad de backend. Su punto fuerte es que reconoce tres formas clave del estándar BPMN simplificado: rombo (decisión), óvalo (inicio/fin) y rectángulo (proceso), y además aplica un estilo visual moderno tipo "vidrio claro" (glassmorphism). La skill genera un HTML autónomo que incluye capacidades de arrastrar y soltar, por lo que el usuario puede modificar la posición de los elementos directamente en el navegador sin recargar la página. Es ideal para prototipado rápido de flujos de trabajo, documentación técnica o presentaciones, ya que elimina la necesidad de herramientas externas o servidores. Compatible con cualquier agente que pueda ejecutar scripts y devolver archivos HTML, y su funcionamiento se basa en reglas de reconocimiento de palabras clave y estructura de frases para determinar qué forma asignar a cada paso del proceso.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add xntj-ai/flowmaker

Installed? Explore more Programación y desarrollo skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace flowmaker?

Convierte una descripción de proceso en una sola línea en un diagrama de flujo HTML editable arrastrando, sin backend y con estilo de vidrio claro (rombo/inicio-fin/proceso).

Skills relacionados