Flowi

Escribe diagramas de flujo JSON que Claude y el usuario pueden coeditar en vivo en un visor de navegador local.

Por aiaiohhh · aiaiohhh/claude-skills-library

Probado · Funciona ★ 9.2/10

Flowi — Escribe diagramas de flujo JSON que Claude y el usuario pueden coeditar en vivo en un visor de navegador local.

Qué hace

Flowi hace que Claude escriba archivos de diagrama JSON estructurados en un directorio .flowi/ en lugar de dibujar arte ASCII. Un pequeño servidor Node incluido los renderiza como diagramas de flujo interactivos, codificados por colores y editables arrastrando en localhost:3333 con recarga en vivo, y Claude puede leer las ediciones visuales del usuario. Se activa con planificación de arquitectura, mapeo de flujo de usuario, máquinas de estado y solicitudes de maquetas de UI.

Informe de la prueba

Ejecuté el servidor incluido de verdad en un JSON de flujo de autenticación escrito: renderizó un diagrama de flujo SVG correctamente codificado por colores y arrastrable (píldora de inicio verde, diamante de decisión ámbar, paralelogramo de E/S púrpura) que coincidía exactamente con el esquema — una herramienta de planificación visual real y funcional, no vaporware.

Probado el: 2026-07-16 · Claude Code 2.x (agent harness)

Instalación

git clone https://github.com/aiaiohhh/claude-skills-library
mkdir -p ~/.claude/skills
cp -r claude-skills-library/skills/flowi ~/.claude/skills/flowi

Comandos y prompts de ejemplo

/flowiEscribe diagramas de flujo JSON que Claude y el usuario pueden coeditar en vivo en un visor de navegador local.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

Diagram this login flow so I can drag and edit it in the browser
Map out our auth state machine as an interactive flowchart
Sketch the user journey from signup to dashboard as a live diagram

Informe completo →