pixel-art

Generate pixel-art SVG illustrations from user prompts with a 7px grid.

1|Updated Apr 2, 2026
One-click install
npx skills add https://github.com/tqLi99/claude-skills-for-writing --skill pixel-art-tqli99
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: pixel-art
Source: https://github.com/tqLi99/claude-skills-for-writing/tree/main/pixel-art
Command: npx skills add https://github.com/tqLi99/claude-skills-for-writing --skill pixel-art-tqli99

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Pixel-art SVG illustrations for READMEs, docs, or slides can be time-consuming to craft manually. This Skill automates the generation of ready-to-use pixel-art SVG visuals from natural prompts, accelerating documentation and presentation work.

Core Features & Use Cases

  • Automated Pixel Art Generation: produce 7px-grid SVG characters or scenes from simple prompts.
  • Palette Control: supports 3-5 color palettes per illustration to match branding.
  • Layout Variants: hero images, mascots, icons, and diagrams with reusable groups.
  • Output Customization: adjustable viewBox, size, and grouping for consistent assets.

Quick Start

Describe the scene you want in natural language and I will generate a pixel-art SVG for you.

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 README files and documentation?

You generate pixel-art SVG illustrations for README files by describing the desired scene in natural language to receive a ready-to-use SVG asset. It uses a 7px grid and a 3-5 color palette to automate visual content creation for documentation-heavy workflows.

Can I create a brand-aligned mascot SVG for onboarding materials using a custom color palette?

Yes, you can create a brand-aligned mascot SVG for onboarding materials by specifying a custom 3-5 color palette in your prompt. The generated SVG supports palette control to match your branding requirements for presentations and slides.

What is the best way to automate pixel-art visual content creation for slides and presentations?

The best way to automate pixel-art visual content creation for slides is to use natural language prompts to generate 7px-grid SVG characters. You can produce hero images, mascots, icons, and diagrams with reusable groups and adjustable viewBox sizes.

Does the generated SVG output support configurable viewBox and layout variants for documentation?

Yes, the generated SVG output supports configurable viewBox, size, and grouping for consistent assets across documentation. Layout variants include hero images, mascots, icons, and diagrams with reusable groups to fit various README structures.

Are there limitations when generating SVG illustrations with a 7px grid and 3-5 color palette?

The main limitations when generating SVG illustrations are the strict 7px grid and 3-5 color palette constraints. It is designed for cute or brand-aligned mascots and simple scenes rather than complex, high-resolution graphics outside documentation workflows.