Flowi

Píše JSON flowcharty, které mohou Claude a uživatel společně upravovat živě v lokálním prohlížeči.

od aiaiohhh · aiaiohhh/claude-skills-library

Otestováno · Funguje ★ 9.2/10

Flowi — Píše JSON flowcharty, které mohou Claude a uživatel společně upravovat živě v lokálním prohlížeči.

Co umí

Flowi nechává Claude psát strukturované JSON diagramové soubory do adresáře .flowi/ místo kreslení ASCII artu. Malý přiložený Node server je vykresluje jako interaktivní, barevně kódované, přetahovatelné flowcharty na localhost:3333 s živým překreslováním a Claude může číst zpět vizuální úpravy uživatele. Spouští se na plánování architektury, mapování uživatelských toků, stavové automaty a požadavky na návrhy UI.

Testovací report

Spustil jsem přiložený server reálně na napsaném JSON autentizačního toku: vykreslil správně barevně kódovaný, přetahovatelný SVG flowchart (zelený startovací pilulka, oranžový rozhodovací diamant, fialový IO rovnoběžník) přesně odpovídající schématu — skutečný, funkční vizuální plánovací nástroj, ne vaporware.

Testováno: 2026-07-16 · Claude Code 2.x (agent harness)

Instalace

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

Příkazy a ukázkové prompty

  • /flowiPíše JSON flowcharty, které mohou Claude a uživatel společně upravovat živě v lokálním prohlížeči.

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

  • 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