Art Skill
Visual content generation system using Excalidraw hand-drawn aesthetic with dark-mode, tech-forward color palette.
Output Location
ALL GENERATED IMAGES GO TO ~/Downloads/ FIRST Preview in Finder/Preview before final placement Only copy to project directories after review
Workflow Routing
Route to the appropriate workflow based on the request:
-
Technical or architecture diagram -> Workflows/TechnicalDiagrams.md
-
Blog header or editorial illustration -> Workflows/Essay.md
-
Comic or sequential panels -> Workflows/Comics.md
Core Aesthetic
Excalidraw Hand-Drawn - Clean, approachable technical illustrations with:
-
Slightly wobbly hand-drawn lines (NOT perfect vectors)
-
Simple shapes with organic imperfections
-
Consistent hand-lettered typography style
-
Dark mode backgrounds with bright accents
Full aesthetic documentation: $PAI_DIR/skills/Art/Aesthetic.md
Color System
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
Image Generation
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)
Examples
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