Flowi

Écrit des organigrammes JSON que Claude et l'utilisateur peuvent co-éditer en direct dans un visualiseur de navigateur local.

par aiaiohhh · aiaiohhh/claude-skills-library

Testé · Fonctionne ★ 9.2/10

Flowi — Écrit des organigrammes JSON que Claude et l'utilisateur peuvent co-éditer en direct dans un visualiseur de navigateur local.

Ce que fait

Flowi fait écrire par Claude des fichiers JSON structurés de diagrammes dans un répertoire .flowi/ au lieu de dessiner de l'art ASCII. Un minuscule serveur Node groupé les rend sous forme d'organigrammes interactifs, codés par couleur, modifiables par glisser-déposer à localhost:3333 avec rechargement en direct, et Claude peut relire les modifications visuelles de l'utilisateur. Se déclenche sur la planification d'architecture, la cartographie des flux utilisateur, les machines à états et les demandes de maquettes d'interface utilisateur.

Rapport de test

A exécuté le serveur groupé pour de vrai sur un JSON de flux d'authentification écrit : il a rendu un organigramme SVG correctement codé par couleur et déplaçable (pilule de départ verte, losange de décision ambre, parallélogramme d'E/S violet) correspondant exactement au schéma — un véritable outil de planification visuelle fonctionnel, pas du baratin.

Testé le: 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

Commandes et exemples de prompts

/flowiÉcrit des organigrammes JSON que Claude et l'utilisateur peuvent co-éditer en direct dans un visualiseur de navigateur local.

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

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

Rapport complet →