pixel-art

Generate pixel art SVG illustrations on a 7px grid with color palettes.

Updated Apr 10, 2026
One-click install
npx skills add https://github.com/KwongFuk/codex-skills --skill pixel-art-kwongfuk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: pixel-art
Source: https://github.com/KwongFuk/codex-skills/tree/main/global/pixel-art
Command: npx skills add https://github.com/KwongFuk/codex-skills --skill pixel-art-kwongfuk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generate pixel art SVG illustrations for READMEs, docs, or slides to provide quick visual assets.

Core Features & Use Cases

  • Pixel grid-based SVG generation with a 7px grid, color palette constraints, and reusable character templates.
  • Scene composition options: chat dialogue layouts, single characters with labels, and group scenes for varied visuals.
  • ViewBox-tight SVG outputs and scalable assets ready for embedding in documents or webpages.

Quick Start

Create a pixel art SVG illustration by specifying the character, scene type, and color palette to generate a ready-to-use SVG asset.

Frequently Asked Questions about pixel-art

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate pixel art SVG illustrations for documentation?

To generate pixel art SVG illustrations for documentation, specify the character, scene type, and color palette. The skill outputs scalable SVG assets using a 7px grid and reusable character templates ready for embedding in docs or webpages.

What's the best way to create scalable pixel art assets for READMEs?

The best way to create scalable pixel art assets for READMEs is using a constrained color palette on a 7px grid. This approach outputs ViewBox-tight SVG files that scale perfectly without pixel distortion across different display sizes.

Can I use pixel art SVGs for slide decks and educational content?

Yes, you can use pixel art SVGs for slide decks and educational content. The skill generates scene compositions like chat dialogue layouts and labeled single characters to visualize software concepts quickly for presentation materials.

Does generating pixel art SVG require specific grid dimensions?

Generating pixel art SVG requires a 7px grid dimension. This fixed grid constraint ensures consistent pixel density and proper alignment when composing character sprites or compact diagrams for software project documentation.

What scene composition options are available for SVG pixel art?

Available scene composition options for SVG pixel art include chat dialogue layouts, single characters with labels, and group scenes. These variations provide visual flexibility for illustrating different concepts within technical documentation.