Visual content generation with hand-drawn aesthetic. USE WHEN user wants diagrams, visualizations, comics, or editorial illustrations. NOTE this is not for generating actual excalidraw diagrams (there is another skill for that)
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