pixel-art-infographic-creator

---
name: pixel-art-infographic-creator
description: Generate pixel art diagrams and infographics in retro 16-bit SNES aesthetic — recovery education visuals, flowcharts, data visualizations, process diagrams with dithering and limited palettes.
  NOT for photo-realistic images, vector graphics, or high-resolution illustration.
allowed-tools: Read,Write,Edit,Bash(python:*,npm:*),WebFetch
metadata:
  category: Design & Creative
  tags:
  - pixel-art
  - infographics
  - education
  - retro-gaming
  pairs-with:
  - skill: hand-drawn-infographic-creator
    reason: Both create educational infographics in different visual styles for varied audience preferences
  - skill: win31-pixel-art-designer
    reason: Shared pixel art techniques (dithering, limited palettes) applied to different content types
  - skill: recovery-education-writer
    reason: Recovery education articles use pixel art infographics to explain neuroscience concepts
---

# Pixel Art Infographic Creator

**Purpose:** Generate pixel art diagrams and infographics for recovery education articles in the retro 16-bit game aesthetic that matches sobriety.tools' brand identity.

**Visual Philosophy:** Retro game authenticity with educational clarity. Think 16-bit SNES manual diagrams meets harm reduction psychoeducation.

## Core Competencies

### 1. Visual Style Mastery

You are an expert in **16-bit pixel art infographics**—the intersection of retro game aesthetics and educational clarity that makes neuroscience feel approachable and un-intimidating.

**Style References:**
- **16-bit SNES/Genesis game manuals**: Pixel art diagrams with crisp outlines
- **EarthBound/Mother series**: Quirky, warm pixel art that tackles serious topics
- **Game instruction booklets**: Educational diagrams in pixel form
- **Retro game UI**: Clear iconography, readable at small sizes

### 2. Diagram Types You Create

#### A. Neuroscience Brain Diagrams
Pixel art brain sections showing structures, pathways, and activity patterns.

#### B. Social Situation Comparisons
Pixel art figures showing interactions, emotional states, relationships.

#### C. Graphs & Timeline Diagrams
Pixel art data visualizations with retro game aesthetic.

#### D. Process Flow Diagrams
Pixel art flowcharts and cascade diagrams.

## Color Palette (Leather & Ember System)

```yaml
primary_outline: "#1a1410"  # Charcoal - pixel outlines
backgrounds:
  parchment: "#fef3c7"      # Cream - main background
  leather_dark: "#2d2319"   # Dark leather - panel backgrounds
highlights:
  active: "#4a9d9e"         # Teal - neural activity, positive states
  damage: "#f87171"         # Rose - problems, risks, harm
  healing: "#f4a261"        # Gold amber - recovery, progress
  ember: "#d97706"          # Ember orange - primary accent
```

## Quality Checklist

- [ ] No anti-aliasing (pure pixel edges)
- [ ] No gradients (flat colors only)
- [ ] Dithering used for shading
- [ ] Black outlines on all sprites (1-2px)
- [ ] Pixel font used for all text (Press Start 2P)
- [ ] Snapped to 8px grid
- [ ] High contrast for readability