@tank/vector-graphics-gen

Official

AI-powered SVG generation and optimization.

Authortankpkg
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the creation and refinement of vector graphics (SVG) for web and app development, significantly reducing manual design effort and ensuring production-ready assets.

Core Features & Use Cases

  • AI-driven SVG Generation: Create vector graphics from text prompts using advanced AI models like QuiverAI Arrow and fal.ai Recraft.
  • Image Vectorization: Convert existing raster images (PNG, JPG) into editable SVGs.
  • Prompt Engineering: Guides users on crafting effective prompts for clean, high-quality vector output.
  • SVG Optimization: Integrates SVGO for reducing file sizes and improving performance.
  • Web Integration: Provides patterns for using SVGs in React, Vue, and other web frameworks.
  • Use Case: Generate a set of 10 unique icons for a new app feature, ensuring they all adhere to a specific brand color palette and are optimized for fast loading times.

Quick Start

Generate a minimalist settings gear icon using fal.ai Recraft V4 and optimize it with SVGO.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: @tank/vector-graphics-gen
Download link: https://github.com/tankpkg/skills/archive/main.zip#tank-vector-graphics-gen

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.