Skills
.Work. You
Rest

gemini-svg

Community

Generate interactive SVG animations.

Design & Creative#generative art#web design#animation#gemini#svg#interactive graphics
Authorexiao
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the creation of complex, interactive SVG animations by leveraging the Gemini API, transforming textual descriptions into dynamic visual assets.

Core Features & Use Cases

  • AI-Powered SVG Generation: Generates SVGs with embedded CSS animations and JavaScript interactivity.
  • Prompt Engineering Guidance: Provides tips and structured prompts for achieving specific animation styles and effects.
  • Use Case: Quickly create animated icons, UI elements, or data visualizations for websites and presentations based on simple descriptions.

Quick Start

Use the gemini-svg skill to generate an SVG of a sliding toggle switch where hovering over the sun icon turns it into a glowing moon.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 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: gemini-svg
Download link: https://github.com/exiao/skills/archive/main.zip#gemini-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.