Visual content generation with Excalidraw hand-drawn aesthetic. USE WHEN user wants diagrams, visualizations, comics, or editorial illustrations.
Visual content generation system using Excalidraw hand-drawn aesthetic with dark-mode, tech-forward color palette.
ALL GENERATED IMAGES GO TO ~/Downloads/ FIRST
Preview in Finder/Preview before final placement
Only copy to project directories after review
Route to the appropriate workflow based on the request:
Workflows/TechnicalDiagrams.mdWorkflows/Essay.mdWorkflows/Comics.mdExcalidraw Hand-Drawn - Clean, approachable technical illustrations with:
Full aesthetic documentation: $PAI_DIR/skills/Art/Aesthetic.md
| Color | Hex | Usage |
|---|---|---|
| Background | #0a0a0f | Primary dark background |
| PAI Blue | #4a90d9 | Key elements, primary accents |
| Electric Cyan | #22d3ee | Flows, connections, secondary |
| Accent Purple | #8b5cf6 | Highlights, callouts (10-15%) |
| Text White | #e5e7eb | Primary text, labels |
| Surface | #1a1a2e | Cards, panels |
| Line Work | #94a3b8 | Hand-drawn borders |
Default model: nano-banana-pro (Gemini 3 Pro)
bun run $PAI_DIR/skills/Art/Tools/Generate.ts \
--model nano-banana-pro \
--prompt "[PROMPT]" \
--size 2K \
--aspect-ratio 16:9 \
--output ~/Downloads/output.png
API keys in: $PAI_DIR/.env (single source of truth for all authentication)
Example 1: Technical diagram
User: "create a diagram showing the auth flow"
→ Invokes TECHNICALDIAGRAMS workflow
→ Creates Excalidraw-style architecture visual
→ Outputs PNG with dark background, blue accents
Example 2: Blog header
User: "create a header for my post about AI agents"
→ Invokes ESSAY workflow
→ Generates hand-drawn illustration
→ Saves to ~/Downloads/ for preview
Example 3: Comic strip
User: "create a comic showing the before/after of using AI"
→ Invokes COMICS workflow
→ Creates 3-4 panel sequential narrative
→ Editorial style, not cartoonish