Flowi

Skriver JSON-flytdiagrammer som Claude og brukeren kan redigere sammen live i en lokal nettleser-visning.

av aiaiohhh · aiaiohhh/claude-skills-library

Bestått ★ 9.2/10

Flowi — Skriver JSON-flytdiagrammer som Claude og brukeren kan redigere sammen live i en lokal nettleser-visning.

Hva den gjør

Flowi får Claude til å skrive strukturerte JSON-diagramfiler til en .flowi/ mappe i stedet for å tegne ASCII-kunst. En liten medfølgende Node-server gjengir dem som interaktive, fargekodede, dra-og-redigerbare flytdiagrammer på localhost:3333 med live-reload, og Claude kan lese tilbake brukerens visuelle redigeringer. Utløses av arkitekturplanlegging, brukerflyt-kartlegging, tilstandsmaskiner og UI-mockup-forespørsler.

Testrapport

Kjørte den medfølgende serveren i praksis på en skrevet autentiseringsflyt JSON: den gjenga et korrekt fargekodet, dra-bart SVG-flytdiagram (grønn start-pille, gul beslutnings-diamant, lilla IO-parallelogram) som samsvarte nøyaktig med skjemaet – et ekte, fungerende visuelt planleggingsverktøy, ikke vaporware.

Testet på: 2026-07-16 · Claude Code 2.x (agent harness)

Installer

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

Kommandoer og eksempelprompter

/flowiSkriver JSON-flytdiagrammer som Claude og brukeren kan redigere sammen live i en lokal nettleser-visning.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

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

Full rapport →