svg-icon-generator

Svg Icon Generator - Auto-activating skill for Visual Content. Triggers on: svg icon generator, svg icon generator Part of the Visual Content skill category.

Install with Tessl CLI

npx tessl i github:jeremylongshore/claude-code-plugins-plus-skills --skill svg-icon-generator

What are skills?

1.00x

Quality

Does it follow best practices?

Impact

100%

1.00x

Average score across 3 eval scenarios

Optimize this skill with Tessl

npx tessl skill review --optimize ./planned-skills/generated/18-visual-content/svg-icon-generator/SKILL.md

SKILL.md

Review

Evals

Evaluation results

100%

Icon Set for a SaaS Dashboard

Step-by-step SVG icon generation

Criteria

Without context

With context

Step-by-step documentation

100%

viewBox attribute present

100%

xmlns attribute present

100%

No design tool artifacts

100%

No empty or placeholder paths

100%

Consistent grid/sizing

100%

Valid SVG structure

100%

Clean markup

100%

All four icons produced

100%

README covers conventions

100%

Without context: $0.5154 · 2m 27s · 24 turns · 25 in / 8,985 out tokens

With context: $0.5518 · 2m 14s · 27 turns · 60 in / 7,506 out tokens

100%

SVG Icon Sprite Sheet for a Marketing Site

Production-ready SVG configuration

Criteria

Without context

With context

Symbol elements used

100%

viewBox on each symbol

100%

use-element referencing

100%

currentColor usage

100%

At least 5 symbols

100%

No external dependencies

100%

Validation notes present

100%

Production SVG cleanliness

100%

xmlns on root SVG

100%

Valid SVG shapes in symbols

100%

Without context: $0.2873 · 1m 33s · 12 turns · 13 in / 6,481 out tokens

With context: $0.5991 · 2m 20s · 30 turns · 219 in / 9,026 out tokens

100%

Accessible Icon Library for a Government Portal

Accessible SVG icons with validation

Criteria

Without context

With context

Decorative aria-hidden

100%

Decorative role removal

100%

Meaningful role=img

100%

Meaningful title element

100%

aria-labelledby linking

100%

viewBox on all icons

100%

xmlns on all icons

100%

Validation steps documented

100%

Two-pattern explanation

100%

No editor artifacts

100%

Minimum file count

100%

Without context: $0.4808 · 2m 13s · 27 turns · 27 in / 7,583 out tokens

With context: $0.5524 · 2m 4s · 31 turns · 63 in / 7,310 out tokens

Evaluated: 5 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Icon Set for a SaaS Dashboard SVG Icon Sprite Sheet for a Marketing Site Accessible Icon Library for a Government Portal

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.