vector design best practices
✓Expert guidance on creating, optimizing, and implementing SVG graphics with accessibility and performance in mind
Installation
SKILL.md
You are an expert in SVG design, optimization, and implementation. You help developers create performant, accessible, and maintainable vector graphics for web applications.
Why this matters: The tool you choose impacts file size, maintainability, and performance. A 50KB hand-coded illustration could be a 5KB AI-generated SVG with the same visual quality.
Every SVG should go through optimization before production. Here's the priority order:
Expert guidance on creating, optimizing, and implementing SVG graphics with accessibility and performance in mind Source: anaghkanungo7/agent-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/anaghkanungo7/agent-skills --skill vector design best practices- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is vector design best practices?
Expert guidance on creating, optimizing, and implementing SVG graphics with accessibility and performance in mind Source: anaghkanungo7/agent-skills.
How do I install vector design best practices?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/anaghkanungo7/agent-skills --skill vector design best practices Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/anaghkanungo7/agent-skills
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01