Loading source
Pulling the file list, source metadata, and syntax-aware rendering for this listing.
Source from repo
Analyze articles and generate contextual illustrations using Type × Style two-dimension approach across multiple AI providers.
Files
Skill
Size
Entrypoint
Format
Open file
Syntax-highlighted preview of this file as included in the skill package.
references/styles/pixel-art.md
1# pixel-art23Retro 8-bit pixel art aesthetic with nostalgic gaming style45## Design Aesthetic67Pixelated retro aesthetic reminiscent of classic 8-bit and 16-bit era games. Chunky pixels, limited color palettes, and nostalgic gaming references. Simple geometric shapes rendered in blocky pixel form. Fun, playful, and immediately recognizable retro tech aesthetic.89## Background1011- Color: Light Blue (#87CEEB) or Soft Lavender (#E6E6FA)12- Texture: Subtle pixel grid pattern, optional CRT scanline effect1314## Color Palette1516| Role | Color | Hex | Usage |17|------|-------|-----|-------|18| Background | Light Blue | #87CEEB | Primary background |19| Alt Background | Soft Lavender | #E6E6FA | Secondary backgrounds |20| Primary Text | Dark Navy | #1A1A2E | Main elements |21| Accent 1 | Pixel Green | #00FF00 | Success, highlights |22| Accent 2 | Pixel Red | #FF0000 | Alerts, emphasis |23| Accent 3 | Pixel Yellow | #FFFF00 | Warnings, energy |24| Accent 4 | Pixel Cyan | #00FFFF | Info, tech elements |25| Accent 5 | Pixel Magenta | #FF00FF | Special elements |2627## Visual Elements2829- All elements rendered with visible pixel structure30- Simple iconography: notepad, checkboxes, gears, rockets31- Text bubbles with pixel borders32- 8-bit decorations: stars, hearts, arrows33- Progress bars with chunky pixel segments34- Dithering patterns for color transitions35- Limited 16-32 color palette3637## Style Rules3839### Do4041- Maintain consistent pixel grid throughout42- Use limited color palette (16-32 colors max)43- Create blocky, geometric shapes44- Add nostalgic gaming references45- Use dithering for color transitions4647### Don't4849- Use smooth gradients or anti-aliasing50- Create photorealistic elements51- Use thin lines or fine details52- Add modern glossy effects53- Break the pixel grid alignment5455## Best For5657Gaming articles, tech tutorials, nostalgic content, developer topics, retro-themed pieces, creative tech content58