Skip to content
pixel-art-infographic-creator logo

Pixel Art Infographic Creator

pixel-art-infographic-creator

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.

SKILL.md

Full skill instructions

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

More Other skills

Delegate independent tasks to specialized agents working concurrently with isolated context.

295.4K 206.3K
View

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

179.7K 100.1K
View

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

179.7K 89.5K
View

A set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write some sort of internal communications (status reports, leadership updates, 3P updates, company newsletters, FAQs, incident reports, project updates, etc.).

179.7K 76.1K
View

Fundamental design principles for writing maintainable, testable Python code.

40.2K 21.9K
View

Modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first strategies.

40.2K 20K
View

Generate Playwright tests from scenarios using interactive browser exploration and validation.

39.7K 18.2K
View

Modern React state management with Redux Toolkit, Zustand, Jotai, and React Query for every state category.

40.2K 14.7K
View

GDPR-compliant data handling with consent management, data subject rights, and privacy controls.

40.2K 14.3K
View

Python error handling patterns including input validation, exception hierarchies, and partial failure handling. Use when implementing validation logic, designing exception strategies, handling batch processing failures, or building robust APIs.

40.2K 13.5K
View

Detailed multi-file refactor planning with safety checks and rollback guidance.

39.7K 13K
View