pixel-art

Generate pixel-art SVG illustrations from natural-language drawing prompts.

1|Updated May 14, 2026
One-click install
npx skills add https://github.com/lix965996-art/MMM --skill pixel-art-lix965996-art
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: pixel-art
Source: https://github.com/lix965996-art/MMM/tree/main/resources/app/skills/pixel-art
Command: npx skills add https://github.com/lix965996-art/MMM --skill pixel-art-lix965996-art

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you quickly create consistent, readable pixel-art SVG illustrations without manually drawing low-resolution characters and scenes pixel-by-pixel.

Core Features & Use Cases

  • Prompt-driven SVG generation: converts your drawing request into an SVG made from a 7px pixel grid using <rect> elements.
  • Scene layouts for real content: supports dialogue/hero-style compositions (speech bubbles, tails, and arrows) as well as single portraits with labels and group scenes.
  • Brand- and palette-aware styling: uses a small, disciplined color palette and lets you apply a project brand color for clothing.

Quick Start

Ask the skill to generate a pixel-art SVG for your README hero image by describing the characters, colors (including any brand color), and what the bubbles/arrows should convey.

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 from a prompt for a README hero image?

To generate pixel-art SVG illustrations from a prompt, describe the characters, desired colors, and any brand colors for clothing. The output is an SVG built on a strict 7px grid using rect primitives, suitable for documentation and README hero images.

Can I create two-character dialogue layouts with speech bubbles in pixel art?

Yes, you can create two-character chat layouts with speech bubbles. Prompt-driven pixel-art SVG generation supports dialogue compositions featuring bubbles, tails, and directional arrows using optional defs markers for arrowheads.

What is the best way to ensure generated SVG pixel art stays within a tight viewBox?

To ensure generated SVG pixel art stays within a tight viewBox, the artwork bounds are strictly matched to the actual content. The generation process constructs the image using a 7px grid and SVG rect elements to maintain precise dimensions.

Does pixel-art SVG generation support custom brand colors for character clothing?

Yes, pixel-art SVG generation supports custom brand colors for character clothing. By specifying your project brand color within the natural-language drawing prompt, the output applies a disciplined color palette tailored to your branding.

What are the limitations of using a 7px grid for SVG pixel-art generation?

A limitation of using a 7px grid for SVG pixel-art generation is that it restricts output to single-character portraits with labels and two-character dialogue scenes. Complex group scenes or highly detailed illustrations may not be supported effectively.

Do I need to manually draw rect elements to create prompt-driven pixel art?

No, you do not need to manually draw rect elements to create prompt-driven pixel art. The generation process automatically converts your natural-language drawing request into an SVG composed of 7px grid primitives, eliminating manual pixel-by-pixel drawing.