🎨 Design

visual-flow-gif

Name: visual-flow-gif
Author: AI-Builder-Club

by AI-Builder-Club10 days ago1.2k

Create animated flow diagrams from articles, workflow notes, architecture sketches, or process descriptions using a JSON specification and a local Python/Pillow renderer. Use when the user wants to turn source material into a static PNG + animated GIF diagram.

Install

npx skills add https://github.com/AI-Builder-Club/skills --skill visual-flow-gif

Show step-by-step

1
Open your terminal
- Mac: Press ⌘ Space, type "Terminal", press Enter
- Windows: Press Win R, type "cmd", press Enter
2
Paste the command above and press Enter
Use the Copy command button, then paste in your terminal (Mac: ⌘V, Windows: Ctrl V).
3
Restart Claude Code
Close and reopen Claude Code, or start a new session, so it picks up the new skill.

Where it lives

~/.claude/skills/ai-builder-club--skills--skills--visual-flow-gif/
├── SKILL.md
└── ... (skill resource files)

View on GitHub

Comments

X@aibuilderclub_

"our skills repo just hit 1,131 stars. it's the setup our team runs in production, packaged. two commands do most of the work: /setup-codebase-harness makes a..."

X@aibuilderclub_

"our skills repo just hit 1,131 stars. it's the setup our team runs in production, packaged. two commands do most of the work: /setup-codebase-harness makes a..."