Flowi

Skriver JSON-flödesscheman som Claude och användaren kan redigera tillsammans live i en lokal webbläsarvisare.

av aiaiohhh · aiaiohhh/claude-skills-library

Testad · Fungerar ★ 9.2/10

Flowi — Skriver JSON-flödesscheman som Claude och användaren kan redigera tillsammans live i en lokal webbläsarvisare.

Vad den gör

Flowi får Claude att skriva strukturerade JSON-diagramfiler till en .flowi/-katalog istället för att rita ASCII-konst. En liten medföljande Node-server renderar dem som interaktiva, färgkodade, dra-och-redigerbara flödesscheman på localhost:3333 med live-reload, och Claude kan läsa tillbaka användarens visuella redigeringar. Triggar på arkitekturplanering, användarflödesmappning, tillståndsmaskiner och UI-mockup-förfrågningar.

Testrapport

Körde den medföljande servern på riktigt på en skriven autentiseringsflödes-JSON: den renderade ett korrekt färgkodat, dragbart SVG-flödesschema (grön start-piller, bärnstensfärgad beslut-diamant, lila IO-parallellogram) som matchade schemat exakt – ett verkligt, fungerande visuellt planeringsverktyg, inte vaporware.

Testad: 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

Kommandon och exempelprompter

/flowiSkriver JSON-flödesscheman som Claude och användaren kan redigera tillsammans live i en lokal webbläsarvisare.

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

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 hela rapporten →