Skills
.Work. You
Rest

svg

Community

Create, optimize, and animate vector graphics.

Design & Creative#graphics#optimization#animation#svg#vector graphics#svgo
AuthorVen0m0
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the entire SVG workflow, from initial creation and optimization to advanced animation and integration, making vector graphics development efficient and accessible.

Core Features & Use Cases

  • SVG Creation & Optimization: Generate basic SVG templates, shapes, and paths. Optimize SVGs using SVGO for smaller file sizes and better performance.
  • Advanced Techniques: Implement gradients, filters, clipping, masking, and animations (CSS, SMIL, JS).
  • Use Case: You need to create a set of responsive icons for a web application. This Skill helps you generate the SVG code, optimize it for web use, and ensure it animates smoothly on hover states.

Quick Start

Use the svg skill to generate a basic SVG template for a 100x100 pixel square.

Dependency Matrix

Required Modules

None required

Components

scriptsreferencesmodules

💻 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: svg
Download link: https://github.com/Ven0m0/claude-config/archive/main.zip#svg

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.