CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

pixel-art

Generate pixel art SVG illustrations for READMEs, docs, or slides. Use when user says "画像素图", "pixel art", "make an SVG illustration", "README hero image", or wants a cute visual.

Quality

83%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

82%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A highly actionable, token-efficient skill body built almost entirely from concrete, executable recipes and measured constraints, wrapped in a clear four-step workflow with iteration and finalization checkpoints. Its only weaknesses are minor: a few trimmable or dangling references and a ~137-line monolith where a small reference file could offload the recipe sections.

Suggestions

Remove or explain the dangling "like our hero image" reference — no hero image asset ships with the bundle.

Add an explicit self-validation checkpoint in Step 2 (e.g., re-render and re-inspect after each fix, verify text fits measured bubble width) to upgrade the iteration loop from user-mediated to self-validating.

Consider moving the chat-bubble and arrow XML recipes plus the color palette into a references/ file, keeping SKILL.md as the overview.

DimensionReasoningScore

Conciseness

The body is dense, actionable reference material (hex palette, pixel-grid specs, coordinate-level recipes, measured text metrics like "monospace 13px ≈ 7.8px/char") with zero padding about what SVG is. Minor trims remain — "like our hero image" is an unexplained internal reference, and "Grid spacing: 7px (no gaps between pixels)" restates the pixel dimensions — so it sits just below anchor 5.

4 / 5

Actionability

Fully executable guidance: copy-paste-ready XML recipes for chat bubbles, tails, and arrow markers with real coordinates; exact hex codes per role; concrete measurements throughout ("38-44px vertical spacing", "≥10px separation", "viewBox … add ~10px padding"). This matches anchor 5's copy-paste-ready coverage of common cases.

5 / 5

Workflow Clarity

A clear four-step sequence (understand → generate → iterate → finalize) with checkpoints: visual inspection in Step 2, a user-feedback loop with common fixes in Step 3, and a finalize checklist in Step 4. It falls short of anchor 5 because validation is user-mediated rather than an explicit validate-fix-retry loop, and "Common fixes: overlap, arrow direction, spacing, sizing" is a hint list without recovery detail.

4 / 5

Progressive Disclosure

No bundle files exist (no references/, scripts/, or assets/), and the ~137-line single file is well-sectioned with clear headers, tight and navigable. At this length the chat-bubble/arrow recipes and color palette are borderline candidates for a separate reference file, and "like our hero image" references an asset that isn't in the bundle — minor organization gaps consistent with anchor 4.

4 / 5

Total

17

/

20

Passed

Description

78%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A strong description with an explicit and multi-phrase 'Use when' trigger clause (including a Chinese synonym) and a clear, concise statement of what the skill produces. The main gaps are single-action specificity and a few missing natural synonyms (notably ".svg", "8-bit", "sprite").

Suggestions

Add one or two more concrete actions to the 'what' clause (e.g., 'compose character scenes and chat dialogue layouts, then iterate on the draft from screenshots').

Add missing natural trigger terms: ".svg", "8-bit art", "sprite", or "hero image".

Tighten "or wants a cute visual" to something more niche-specific (e.g., "or wants a retro pixel-style visual") to reduce overlap with generic illustration skills.

DimensionReasoningScore

Specificity

"Generate pixel art SVG illustrations for READMEs, docs, or slides" names the domain and one concrete action with target destinations, but offers only a single verb — not the multiple specific actions of anchor 4 (e.g., it never mentions composing scenes, building chat dialogue layouts, or iterating on drafts).

3 / 5

Completeness

Explicitly answers both: the what ("Generate pixel art SVG illustrations for READMEs, docs, or slides") and the when ("Use when user says … pixel art … README hero image") with concrete trigger phrases — a direct match for the anchor-5 example pattern.

5 / 5

Trigger Term Quality

Good natural coverage: "pixel art", "像素图", "make an SVG illustration", "README hero image", "cute visual" — but misses the ".svg" extension and common synonyms like "8-bit", "sprite", or "avatar", so it falls short of anchor 5's comprehensive synonym/extension coverage.

4 / 5

Distinctiveness Conflict Risk

A clear niche (pixel art SVG generation) with mostly distinct triggers, but "or wants a cute visual" is broad and could overlap with generic illustration/diagramming skills — minor overlap risk rather than anchor 5's minimal risk.

4 / 5

Total

16

/

20

Passed

Validation

93%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

relative_links

Relative link issues: 1 missing

Warning

Total

15

/

16

Passed

Repository

wanshuiyin/Auto-claude-code-research-in-sleep

Path

skills/skills-codex/pixel-art/SKILL.md

Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.