mcpField
P
pixel-art-infographic-creator

pixel-art-infographic-creator

github.com/curiositechCreative & media257166 installsUpdated 2d ago
Repository

About pixel-art-infographic-creator

pixel-art-infographic-creator is a skill for making retro pixel-art infographics for recovery education articles. It applies a 16-bit game aesthetic to neuroscience, social comparisons, data visualizations, and process diagrams.

Key features

  1. 01Create 16-bit pixel-art diagrams
  2. 02Illustrate neuroscience brain structures
  3. 03Show social-situation comparisons
  4. 04Make charts, timelines, and flow diagrams
  5. 05Follow a specified palette and pixel rules

Use cases

  1. 01Create visuals for recovery education articles
  2. 02Explain neuroscience with pixel-art diagrams
  3. 03Compare social interactions and emotional states
  4. 04Turn data or steps into retro-style visuals

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/curiositech/some_claude_skills --skill pixel-art-infographic-creator

After installing, type/pixel-art-infographic-creatorin Claude Code to confirm it loaded.

Bundled files.claude-plugin/plugin.json

Details

From the project README

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)

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

Comments

Markdown supported