Flowi

Schrijft JSON-stroomdiagrammen die Claude en de gebruiker live kunnen bewerken in een lokale browser-viewer.

Door aiaiohhh · aiaiohhh/claude-skills-library

Getest · Werkt ★ 9.2/10

Flowi — Schrijft JSON-stroomdiagrammen die Claude en de gebruiker live kunnen bewerken in een lokale browser-viewer.

Wat het doet

Flowi laat Claude gestructureerde JSON-diagrambestanden schrijven naar een .flowi/ map in plaats van ASCII-kunst te tekenen. Een kleine gebundelde Node-server rendert ze als interactieve, kleurgecodeerde, sleepbare en bewerkbare stroomdiagrammen op localhost:3333 met live-reload, en Claude kan de visuele bewerkingen van de gebruiker teruglezen. Triggers op architectuurplanning, gebruikersstroommapping, toestandsautomaten en UI-mockup-verzoeken.

Testrapport

De gebundelde server echt uitgevoerd op een geschreven authenticatiestroom JSON: het rendert een correct kleurgecodeerd, sleepbaar SVG-stroomdiagram (groene startpil, amber beslissingsruit, paarse IO-parallellogram) dat exact overeenkomt met het schema — een echt, werkend visueel planningsinstrument, geen luchtkasteel.

Getest op: 2026-07-16 · Claude Code 2.x (agent harness)

Installatie

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

Commando's en voorbeeldprompts

/flowiSchrijft JSON-stroomdiagrammen die Claude en de gebruiker live kunnen bewerken in een lokale browser-viewer.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

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

Volledig rapport (Engels) →