Svg Icon Generator - Auto-activating skill for Visual Content. Triggers on: svg icon generator, svg icon generator Part of the Visual Content skill category.
36
3%
Does it follow best practices?
Impact
100%
1.00xAverage score across 3 eval scenarios
Passed
No known issues
Optimize this skill with Tessl
npx tessl skill review --optimize ./planned-skills/generated/18-visual-content/svg-icon-generator/SKILL.mdStep-by-step SVG icon generation
Step-by-step documentation
100%
100%
viewBox attribute present
100%
100%
xmlns attribute present
100%
100%
No design tool artifacts
100%
100%
No empty or placeholder paths
100%
100%
Consistent grid/sizing
100%
100%
Valid SVG structure
100%
100%
Clean markup
100%
100%
All four icons produced
100%
100%
README covers conventions
100%
100%
Production-ready SVG configuration
Symbol elements used
100%
100%
viewBox on each symbol
100%
100%
use-element referencing
100%
100%
currentColor usage
100%
100%
At least 5 symbols
100%
100%
No external dependencies
100%
100%
Validation notes present
100%
100%
Production SVG cleanliness
100%
100%
xmlns on root SVG
100%
100%
Valid SVG shapes in symbols
100%
100%
Accessible SVG icons with validation
Decorative aria-hidden
100%
100%
Decorative role removal
100%
100%
Meaningful role=img
100%
100%
Meaningful title element
100%
100%
aria-labelledby linking
100%
100%
viewBox on all icons
100%
100%
xmlns on all icons
100%
100%
Validation steps documented
100%
100%
Two-pattern explanation
100%
100%
No editor artifacts
100%
100%
Minimum file count
100%
100%
3a2d27d
Table of Contents
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.