CtrlK
BlogDocsLog inGet started
Tessl Logo

beautify-github-readme

Redesign GitHub README homepages or create project-native pure SVG, hybrid SVG-composed PNG/WebP, and opt-in animated GIF assets. Use when a user asks to beautify, redesign, rebrand, visually upgrade, simplify, or audit a GitHub README; create only a hero, section headers, diagrams, badges, motion graphics, showcase modules, or other README assets; or turn a repository homepage into a cohesive visual story. If whole-README work versus asset-only work is unclear, ask which scope the user wants. For hero-like assets where pure SVG and generated raster material are both viable, explain the tradeoffs and confirm the implementation before creating the asset.

76

Quality

96%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

92%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.

The body is a well-structured, highly actionable workflow with strong progressive disclosure and explicit verification. The only weakness is mild redundancy of the GIF-opt-in and authorization caveats across sections, which lightly affects conciseness.

Suggestions

Consolidate the GIF opt-in rule and the 'do not modify the README without authorization' caveat into single authoritative statements; later sections can back-reference instead of restating.

The authorization/commit gate is repeated in steps 2, 6, 9, and 10 — consider a single 'Boundaries' section referenced once.

DimensionReasoningScore

Conciseness

Largely efficient procedural guidance that does not explain concepts Claude already knows, but the GIF opt-in rule and authorization caveats are restated across multiple sections (1, 6, 7, 9) and could be trimmed.

4 / 5

Actionability

Provides executable commands ('python3 scripts/audit_readme.py ...'), a referenced render workflow script, precise numeric thresholds (1200-unit viewBox, 900 CSS-pixel render, 20/18 SVG-unit text minimums, 360-pixel mobile check), and concrete copy/spec templates.

5 / 5

Workflow Clarity

A clear 10-step workflow with an explicit 'Preview and verify' step, feedback loops (render → inspect → fix), a quality-bar checklist, and a validation script for README edits, so the destructive-operation cap does not apply.

5 / 5

Progressive Disclosure

SKILL.md is an overview that links to eight one-level-deep references (all verified to exist) and two bundled scripts; detail is appropriately split and navigation is signaled with markdown links.

5 / 5

Total

19

/

20

Passed

Description

100%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.

The description is exemplary: it states concrete capabilities, gives comprehensive natural trigger terms, explicitly covers what and when, uses third-person voice, and occupies a clearly distinct niche.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — 'Redesign GitHub README homepages or create project-native pure SVG, hybrid SVG-composed PNG/WebP, and opt-in animated GIF assets' plus 'hero, section headers, diagrams, badges, motion graphics, showcase modules' — covering the domain comprehensively.

5 / 5

Completeness

Explicitly answers both what ('Redesign GitHub README homepages or create...assets') and when ('Use when a user asks to beautify, redesign...') with concrete trigger phrases.

5 / 5

Trigger Term Quality

Comprehensive natural-term coverage with synonyms and extensions: 'beautify, redesign, rebrand, visually upgrade, simplify, or audit', 'SVG', 'PNG/WebP', 'animated GIF' — terms a user would naturally say.

5 / 5

Distinctiveness Conflict Risk

Clear niche — GitHub README beautification and SVG/raster asset production — with distinct triggers and minimal overlap risk with other skills.

5 / 5

Total

20

/

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

referenced_paths_exist

Referenced path issues: 1 missing

Warning

Total

15

/

16

Passed

Repository
oil-oil/beautify-github-readme
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.