pixel-art

Installation
SKILL.md

Pixel Art SVG Generator

Create a pixel art SVG illustration: $ARGUMENTS

Design Principles

Pixel Grid

  • Each "pixel" is a <rect> with width/height of 7px
  • Grid spacing: 7px (no gaps between pixels)
  • Characters are typically 8-10 pixels wide, 8-12 pixels tall
  • Use <g transform="translate(x,y)"> to position and reuse character groups

Color Palette

Keep it simple — 3-5 colors per character:

  • Skin: #FFDAB9 (light), #E8967A / #D4956A (blush/shadow)
  • Eyes: #333
  • Hair: #8B5E3C (brown), #2C2C2C (black), #FFD700 (blonde), #C0392B (red)
  • Clothes: use project's brand color (e.g. #4A9EDA for blue, #74AA63 for green)
  • Shoes/pants: #444
Related skills

More from wanshuiyin/auto-claude-code-research-in-sleep

Installs
129
GitHub Stars
9.2K
First Seen
Mar 12, 2026