{{persona::BRAND}}-tool-svg
CommunityMaster SVG creation and optimization.
Authoryejune
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the entire SVG workflow, from initial creation and optimization to implementing complex animations and ensuring accessibility.
Core Features & Use Cases
- SVG Creation: Generate basic shapes, complex paths, and reusable symbols.
- Optimization: Optimize SVGs using SVGO for smaller file sizes and faster loading.
- Styling & Animation: Apply fills, strokes, gradients, filters, and CSS/SMIL animations.
- Accessibility: Implement best practices for screen readers and assistive technologies.
- Use Case: Quickly generate a set of responsive icons for a web application, optimize them for performance, and ensure they are accessible to all users.
Quick Start
Use the tool-svg skill to create a basic SVG rectangle with a blue fill and a black stroke.
Dependency Matrix
Required Modules
None requiredComponents
referencesmodules
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill:
Name: {{persona::BRAND}}-tool-svg
Download link: https://github.com/yejune/godo/archive/main.zip#persona-brand-tool-svg
Please download this .zip file, extract it, and install it in the .claude/skills/ directory.Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.