CtrlK
BlogDocsLog inGet started
Tessl Logo

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.

69

Quality

85%

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, well-structured skill body built on copy-paste-ready SVG recipes and exact specs, with a clear iterated workflow and a useful capability guard. It is slightly held back by prose layout descriptions that could be tightened and substantial reference material that could optionally live in a separate file.

Suggestions

Tighten the Scene Composition section: the three prose layouts could be condensed into a compact table or short bullet form to remove overlap with the recipe code.

Add an explicit validation checkpoint in Step 2 (e.g., 'Confirm the SVG renders and viewBox matches content bounds before iterating') to raise workflow clarity.

Consider moving the Character Template and Chat Bubble/Arrow recipes into a references/ file (e.g. RECIPES.md) and keeping SKILL.md as an overview, which would improve progressive disclosure for this ~135-line skill.

DimensionReasoningScore

Conciseness

The body is dense and assumes Claude's competence (no explanations of what SVG or pixels are), but the prose Scene Composition layouts and some Common Pitfalls entries overlap with recipe details and could be trimmed, so it is not fully lean at anchor 5.

4 / 5

Actionability

It provides copy-paste-ready code for SVG structure, chat bubbles, and arrows with exact coordinates, plus an exact hex palette and a pixel-by-pixel character template, fully covering the common cases as the anchor-5 example requires.

5 / 5

Workflow Clarity

The four-step workflow (Understand → Generate → Iterate → Finalize) is clearly sequenced with a visual-inspection checkpoint and a user-iteration feedback loop, but Step 1/2 validation is implicit rather than an explicit checkpoint, so it sits below the anchor-5 checklist bar.

4 / 5

Progressive Disclosure

The body is well-organized into clear sections (Design Principles, Workflow, Capability Rule, Common Pitfalls) with no nested references and no bundle files to navigate, but at ~135 lines the substantial recipe/reference material is inlined rather than split out, so it does not qualify for the under-50-line simple-skill anchor 5.

4 / 5

Total

17

/

20

Passed

Description

87%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, well-formed description that clearly answers both what the skill does and when to invoke it, with rich natural-language triggers including a non-English term. The only gaps are a single generating action rather than several, and omission of the .svg extension.

DimensionReasoningScore

Specificity

"Generate pixel art SVG illustrations for READMEs, docs, or slides" names a concrete action and three specific output targets, sitting above the anchor-3 example which only lists 1-2 actions; it is not a 5 because only one generating action is described rather than several distinct ones.

4 / 5

Completeness

It explicitly states what the skill does ("Generate pixel art SVG illustrations for READMEs, docs, or slides") and gives an explicit "Use when" trigger clause with concrete phrases, matching the anchor-5 example exactly.

5 / 5

Trigger Term Quality

The "Use when user says" clause covers natural terms across two languages ("画像素图", "pixel art") plus descriptive phrases ("make an SVG illustration", "README hero image", "cute visual"), giving good synonym coverage, but the .svg file extension and a few natural variations are missing so it falls short of the comprehensive anchor 5.

4 / 5

Distinctiveness Conflict Risk

"Pixel art SVG illustrations" is a clear niche with distinctive triggers ("画像素图", "pixel art", "README hero image") that are unlikely to fire for unrelated skills, matching the anchor-5 low-conflict profile.

5 / 5

Total

18

/

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.

Validation15 / 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
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.