Flowi

Skriver JSON-flowcharts, som Claude og brugeren kan redigere live i en lokal browser-viewer.

Af aiaiohhh · aiaiohhh/claude-skills-library

Testet · Virker ★ 9.2/10

Flowi — Skriver JSON-flowcharts, som Claude og brugeren kan redigere live i en lokal browser-viewer.

Hvad det gør

Flowi får Claude til at skrive strukturerede JSON-diagramfiler til en .flowi/ mappe i stedet for at tegne ASCII-kunst. En lille medfølgende Node-server render dem som interaktive, farvekodede, træk-og-redigerbare flowcharts på localhost:3333 med live-reload, og Claude kan læse brugerens visuelle redigeringer tilbage. Triggere på arkitekturplanlægning, brugerflow-mapping, tilstandsmaskiner og UI-mockup-anmodninger.

Testrapport

Kørte den medfølgende server reelt på en skrevet auth-flow JSON: den renderede et korrekt farvekodet, trækbart SVG-flowchart (grøn start-pille, rav-beslutnings-diamant, lilla IO-parallelogram), der matchede skemaet præcist — et reelt, fungerende visuelt planlægningsværktøj, ikke vaporware.

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

Installation

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-flowcharts, som Claude og brugeren kan redigere live i en lokal browser-viewer.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen 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

Læs hele rapporten →