gemini-svg-creator

Generate SVG graphics including logos, icons, and animated SVGs via Gemini MCP.

2|Updated Feb 20, 2026
One-click install
npx skills add https://github.com/htuzel/gemini-svg-creator --skill gemini-svg-creator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gemini-svg-creator
Source: https://github.com/htuzel/gemini-svg-creator/tree/main/gemini-svg-creator
Command: npx skills add https://github.com/htuzel/gemini-svg-creator --skill gemini-svg-creator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the creation of professional SVG graphics, from simple icons to complex animated scenes, by leveraging the advanced capabilities of Gemini 3.1 Pro.

Core Features & Use Cases

  • Versatile SVG Generation: Create logos, icons, illustrations, infographics, patterns, animated SVGs, and UI elements.
  • Dual-Model Refinement: Claude orchestrates prompt engineering and quality analysis, while Gemini generates and refines the SVG.
  • Advanced Animation: Utilizes Gemini 3.1 Pro's State-of-the-Art animated SVG capabilities.
  • Use Case: A user needs a logo for their new tech startup. They describe their company's focus on AI and innovation, and the skill generates several logo options in SVG format, which can then be easily scaled and used across all branding materials.

Quick Start

Use the gemini-svg-creator skill to design a minimalist logo for a coffee shop.

Frequently Asked Questions about gemini-svg-creator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate animated SVG graphics using AI?

You can generate animated SVG graphics using AI by providing a text prompt to the gemini-svg-creator skill. Claude orchestrates prompt engineering while Gemini 3.1 Pro uses its advanced reasoning to create and refine the animated vector scenes.

Do I need a Google AI Studio API key to create SVG logos?

Yes, you need a Google AI Studio API key to create SVG logos with this skill. The generation process requires the @rlabs-inc/gemini-mcp MCP server to connect Claude's orchestration with Gemini 3.1 Pro's graphic generation capabilities.

What types of vector graphics can I create with Gemini 3.1 Pro?

With Gemini 3.1 Pro, you can create diverse vector graphics including logos, icons, illustrations, infographics, patterns, animated SVGs, and UI elements. The skill supports both simple minimalist designs and complex animated scenes.

Can I use Claude to design professional infographics and UI elements?

Yes, you can use Claude to design professional infographics and UI elements through this skill. Claude handles the prompt engineering and quality analysis, while Gemini 3.1 Pro executes the actual SVG generation for scalable vector output.

What is the best way to create scalable vector logos for a tech startup?

The best way to create scalable vector logos for a tech startup is using the gemini-svg-creator skill. Describe your company's focus, and the dual-model system will generate professional SVG logo options that can be scaled across all branding materials.

Why does Claude orchestrate prompt engineering for SVG generation?

Claude orchestrates prompt engineering for SVG generation to ensure high-quality output and precise quality analysis. This dual-model refinement leverages Claude's reasoning for instructions and Gemini 3.1 Pro's specialized capabilities for the final vector graphic.