Flowi

Scrive flowchart JSON che Claude e l'utente possono co-editare dal vivo in un visualizzatore browser locale.

di aiaiohhh · aiaiohhh/claude-skills-library

Promosso ★ 9.2/10

Flowi — Scrive flowchart JSON che Claude e l'utente possono co-editare dal vivo in un visualizzatore browser locale.

Cosa fa

Flowi fa scrivere a Claude file JSON strutturati per diagrammi in una directory .flowi/ invece di disegnare ASCII art. Un minuscolo server Node incluso li renderizza come flowchart interattivi, color-codificati e trascinabili su localhost:3333 con live-reload, e Claude può rileggere le modifiche visive dell'utente. Si attiva con pianificazione architetturale, mappatura flusso utente, macchine a stati e richieste di mockup UI.

Rapporto di test

Eseguito il server incluso per davvero su un JSON di flusso di autenticazione scritto: ha renderizzato un flowchart SVG correttamente color-codificato e trascinabile (pillola di avvio verde, rombo di decisione ambra, parallelogramma di I/O viola) corrispondente esattamente allo schema — uno strumento di pianificazione visiva reale e funzionante, non vaporware.

Testato il: 2026-07-16 · Claude Code 2.x (agent harness)

Installazione

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

Comandi e prompt di esempio

/flowiScrive flowchart JSON che Claude e l'utente possono co-editare dal vivo in un visualizzatore browser locale.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

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

Rapporto completo →