Flowi

Pisze wykresy przepływu JSON, które Claude i użytkownik mogą edytować na żywo w lokalnym podglądzie przeglądarki.

Autor: aiaiohhh · aiaiohhh/claude-skills-library

Testowano · Działa ★ 9.2/10

Flowi — Pisze wykresy przepływu JSON, które Claude i użytkownik mogą edytować na żywo w lokalnym podglądzie przeglądarki.

Co robi ten skill

Flowi sprawia, że Claude zapisuje ustrukturyzowane pliki diagramów JSON w katalogu .flowi/ zamiast rysować sztukę ASCII. Mały dołączony serwer Node renderuje je jako interaktywne, pokolorowane, edytowalne metodą przeciągnij i upuść wykresy przepływu na localhost:3333 z automatycznym przeładowaniem, a Claude może odczytać wizualne edycje użytkownika. Aktywuje się na planowanie architektury, mapowanie przepływu użytkownika, maszyny stanów i żądania makiet UI.

Raport z testu

Uruchomiono dołączony serwer faktycznie na napisanym JSON przepływu uwierzytelniania: wyrenderował poprawnie pokolorowany, możliwy do przeciągania wykres przepływu SVG (zielona pigułka startu, bursztynowy romb decyzji, fioletowy równoległobok IO) zgodny dokładnie ze schematem — rzeczywiste, działające narzędzie do planowania wizualnego, a nie vaporware.

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

Instalacja

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

Komendy i przykładowe prompty

/flowiPisze wykresy przepływu JSON, które Claude i użytkownik mogą edytować na żywo w lokalnym podglądzie przeglądarki.

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

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

Pełny raport →