Flowi

Schreibt JSON-Flussdiagramme, die Claude und der Benutzer live in einem lokalen Browser-Viewer gemeinsam bearbeiten können.

von aiaiohhh · aiaiohhh/claude-skills-library

Getestet · Funktioniert ★ 9.2/10

Flowi — Schreibt JSON-Flussdiagramme, die Claude und der Benutzer live in einem lokalen Browser-Viewer gemeinsam bearbeiten können.

Was es kann

Flowi lässt Claude strukturierte JSON-Diagrammdateien in ein .flowi/-Verzeichnis schreiben, anstatt ASCII-Art zu zeichnen. Ein winziger gebündelter Node-Server rendert sie als interaktive, farbcodierte, per Drag & Drop bearbeitbare Flussdiagramme unter localhost:3333 mit Live-Reload, und Claude kann die visuellen Bearbeitungen des Benutzers zurücklesen. Löst aus bei Architekturplanung, User-Flow-Mapping, Zustandsautomaten und UI-Mockup-Anfragen.

Testbericht

Den gebündelten Server für einen geschriebenen Auth-Flow-JSON ausgeführt: Er rendert ein korrekt farbcodiertes, ziehbareres SVG-Flussdiagramm (grüne Startpille, bernsteinfarbener Entscheidungsraute, violetter IO-Parallelogramm), das genau dem Schema entspricht – ein echtes, funktionierendes visuelles Planungstool, keine Vaporware.

Getestet am: 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

Befehle & Beispiel-Prompts

/flowiSchreibt JSON-Flussdiagramme, die Claude und der Benutzer live in einem lokalen Browser-Viewer gemeinsam bearbeiten können.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

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

Vollständiger Testbericht (Englisch) →