pixel-art

The pixel-art skill is a specialized creative utility designed to generate clean, scalable SVG illustrations using a structured grid-based approach. It is primarily intended for developers, technical writers, and content creators looking to add personality to GitHub READMEs, project documentation, or slide decks without needing external design software. By utilizing a standardized 7px grid system, the skill ensures stylistic consistency across your assets, allowing for the rapid creation of cohesive visual libraries that fit perfectly into the minimalist aesthetic often found in technical repositories.

• Generates pixel art using primitive SVG shapes like rect and polygon to ensure a lightweight, resolution-independent final output.

• Includes a specialized dialogue scene composer that automatically handles chat bubbles, speaker tails, and directional communication arrows for explaining agent workflows.

• Implements a fixed-color palette to maintain visual harmony, focusing on skin tones, hair colors, and project-specific branding accents.

• Supports various layout modes including single portraits, group scenes, and sequence-based chat dialogues.

• Uses group transformations and coordinate-based positioning for high reusability of character sprites and UI elements.

• Input consists of descriptive natural language prompts specifying the character, object, or scene composition.

• The skill requires a brief iteration process where the user provides feedback on layout, arrow direction, or spacing to refine the SVG viewBox and visual balance.

• Output is a raw, optimized SVG file that can be embedded directly into markdown files via standard image syntax or customized further.

• Constraints include a recommended character size of 8-12 pixels tall and a strict focus on simplistic, blocky pixel aesthetics to maintain the generated style.

• Tips for success include measuring text length before setting bubble widths, using monospace 13px fonts, and ensuring vertical spacing remains between 38-44px to prevent overlapping elements.