Art Skill

Complete visual content system using the PAI Visual Aesthetic.

Core Aesthetic

Tron-meets-Excalidraw - Digital warmth combining:

• Hand-drawn Excalidraw-style sketch lines (NOT clean vectors)
• Dark slate backgrounds for modern contrast
• Neon orange (warmth) + cyan (tech) accents
• Subtle glows on key elements

Full aesthetic documentation: ${PAI_DIR}/skills/CORE/aesthetic.md

This is the SINGLE SOURCE OF TRUTH for all visual styling.

Workflow Routing

Image Generation

Default model: nano-banana-pro (Gemini 3 Pro)

bun run ${PAI_DIR}/skills/art/tools/generate-ulart-image.ts \
  --model nano-banana-pro \
  --prompt "[PROMPT]" \
  --size 2K \
  --aspect-ratio 1:1 \
  --output /path/to/output.png

Alternative Models

API keys in: ${PAI_DIR}/.env

• REPLICATE_API_TOKEN - Flux and Nano Banana
• OPENAI_API_KEY - GPT-image-1
• GOOGLE_API_KEY - Nano Banana Pro
• REMOVEBG_API_KEY - Background removal

Quick Decision Tree

What does user need?

├─ Unsure which approach? → VISUALIZE (analyzes & orchestrates)
├─ Flowchart/sequence/state diagram? → MERMAID
├─ Abstract metaphor for article? → Editorial (workflow.md)
├─ System/architecture with labels? → Technical Diagram
├─ Categories in grid? → Taxonomy
├─ Change over time? → Timeline
├─ 2x2 matrix or mental model? → Framework
├─ Side-by-side contrast? → Comparison
├─ Markup existing screenshot? → Annotated Screenshot
├─ Step-by-step process? → Recipe Card
├─ Quote as social visual? → Aphorism
├─ Idea territories as map? → Conceptual Map
├─ Single striking number? → Stat Card
└─ Multi-panel story? → Comic

For complete visual styling rules, ALWAYS read: ${PAI_DIR}/skills/CORE/aesthetic.md