svg-design
Installation
SKILL.md
SVG Creation and Editing
Core principle: SVGs are code. Write them by hand like you'd write any markup: clean, minimal, semantically meaningful. Every element and attribute should earn its place.
Topic Routing
| Task | Load reference |
|---|---|
| Arc flag combinations, common path shapes | references/path-patterns.md |
| Logo design, typography, negative space | references/logo-techniques.md |
| Icon design, grid systems, pixel alignment | references/icon-design.md |
| Gradients, masks, clips, filters, transforms (design decisions) | references/advanced-techniques.md |
| Animation (CSS keyframes, stagger, GPU, easing, SVG-specific) | references/animation.md |
| Optimization, sprites, SVGO config | references/optimization.md |
| Accessibility, browser pitfalls | references/accessibility-and-pitfalls.md |
| Editing workflow, boolean operations, combining SVGs | references/editing-workflow.md |