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. NOT for photo-realistic images, vector graphics, or high-resolution illustration.
Best use case
pixel-art-infographic-creator is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
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.
Teams using pixel-art-infographic-creator should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/pixel-art-infographic-creator/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How pixel-art-infographic-creator Compares
| Feature / Agent | pixel-art-infographic-creator | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
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.
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# 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
Related Skills
win31-pixel-art-designer
Expert in Windows 3.1 era pixel art and graphics. Creates icons, banners, splash screens, and UI assets with authentic 16/256-color palettes, dithering patterns, and Program Manager styling. Activate on 'win31 icons', 'pixel art 90s', 'retro icons', '16-color', 'dithering', 'program manager icons', 'VGA palette'. NOT for modern flat icons, vaporwave art, or high-res illustrations.
web-weather-creator
Master of stylized atmospheric effects using SVG filters and CSS animations. Creates clouds, waves, lightning, rain, fog, aurora borealis, god rays, lens flares, twilight skies, and ocean spray—all with a premium aesthetic that's stylized but never cheap-looking.
skillful-subagent-creator
Creates Claude subagents equipped with curated skills for solving problems within DAG workflows. Use when designing a specialist subagent, selecting skills for a subagent, writing the 4-section subagent prompt, or wiring subagents into orchestration DAGs. Activate on "create subagent", "subagent with skills", "specialist agent", "agent DAG", "orchestrate agents", "skill-equipped agent". NOT for creating skills themselves (use skill-architect), general Claude Code usage, or single-agent prompting without skills.
skill-creator
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
pixel-art-scaler
Deterministic pixel art upscaling using EPX/Scale2x, hq2x/hq4x, and xBR algorithms that add valid sub-pixels through pattern recognition. Activate on 'pixel art scaling', 'EPX', 'Scale2x', 'hq2x', 'hq4x', 'xBR', 'retro game upscaling'. NOT for AI/ML upscaling, photo enlargement, or simple nearest-neighbor.
pet-memorial-creator
Compassionate support for pet loss, memorial creation, and honoring the bond between humans and their animal companions. Specializes in tribute writing, keepsake ideas, and navigating the unique grief of losing a pet.
mcp-creator
Expert MCP (Model Context Protocol) server developer creating safe, performant, production-ready servers with proper security, error handling, and developer experience. Activate on 'create MCP', 'MCP server', 'build MCP', 'custom tool server', 'MCP development', 'Model Context Protocol'. NOT for using existing MCPs (just invoke them), general API development (use backend-architect), or skills/agents without external state (use skill-coach/agent-creator).
hand-drawn-infographic-creator
Generate hand-drawn style diagrams and infographics for recovery education articles. Creates anatomist's notebook aesthetic visuals - brain diagrams, timelines, social comparisons, and process flows using continuous line art, semantic color coding, and margin annotations.
design-system-creator
Builds comprehensive design systems and design bibles with production-ready CSS. Expert in design tokens, component libraries, CSS architecture. Use for design system creation, token architecture, component documentation, style guide generation. Activate on "design system", "design tokens", "CSS architecture", "component library", "style guide", "design bible". NOT for typography deep-dives (use typography-expert), color theory mathematics (use color-theory-palette-harmony-expert), brand identity strategy (use web-design-expert), or actual UI implementation (use web-design-expert or native-app-designer).
cv-creator
Professional CV and resume builder transforming career narratives into ATS-optimized, multi-format resumes. Integrates with career-biographer for data and competitive-cartographer for positioning. Generates PDF, DOCX, LaTeX, JSON Resume, HTML, and Markdown. Activate on 'resume', 'CV', 'ATS optimization', 'job application'. NOT for cover letters, portfolio websites (use web-design-expert), LinkedIn optimization, or interview preparation.
agent-creator
Meta-agent for creating new custom agents, skills, and MCP integrations. Expert in agent design, MCP development, skill architecture, and rapid prototyping. Activate on 'create agent', 'new skill', 'MCP server', 'custom tool', 'agent design'. NOT for using existing agents (invoke them directly), general coding (use language-specific skills), or infrastructure setup (use deployment-engineer).
skill-coach
Guides creation of high-quality Agent Skills with domain expertise, anti-pattern detection, and progressive disclosure best practices. Use when creating skills, reviewing existing skills, or when users mention improving skill quality, encoding expertise, or avoiding common AI tooling mistakes. Activate on keywords: create skill, review skill, skill quality, skill best practices, skill anti-patterns. NOT for general coding advice or non-skill Claude Code features.