skills.rest
tankpkg
tankpkgOFFICIAL
Explore all skills by this author →
GitHub

@tank/vector-graphics-gen

Generate SVG vector graphics from text prompts using AI APIs.

1|1|Updated Feb 20, 2026
Search Tags:#prompt engineering#svg#ai generation#vector graphics#recraft#svgo#quiverai
One-click install
npx skills add https://github.com/tankpkg/skills --skill tank-vector-graphics-gen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: @tank/vector-graphics-gen
Source: https://github.com/tankpkg/skills/tree/main/skills/vector-graphics-gen
Command: npx skills add https://github.com/tankpkg/skills --skill tank-vector-graphics-gen

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

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.

Frequently Asked Questions about @tank/vector-graphics-gen

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

FAQPage Schema
How do I generate SVG from text prompts for web applications?▼

Generate SVG from text prompts using AI models like QuiverAI Arrow or fal.ai Recraft V4, which translate descriptive text into clean vector graphics suitable for web applications.

Can I convert PNG or JPG raster images into editable SVG files?▼

Yes, you can convert raster images like PNG or JPG into editable SVG files using the fal.ai Recraft V4 model, which supports image-to-SVG conversion for existing assets.

How do I optimize SVG file sizes for faster website loading?▼

Optimize SVG file sizes by processing generated vector graphics through SVGO, an integrated tool that reduces file bloat and improves website loading performance.

Does this AI SVG generation work with React and Vue frameworks?▼

Yes, AI SVG generation provides specific web integration patterns for React and Vue frameworks, ensuring vector graphics are directly usable in these environments.

What is the best way to write prompts for clean AI vector graphics output?▼

The best way to write prompts for clean AI vector graphics is to apply prompt engineering techniques that guide models like QuiverAI Arrow to produce high-quality, production-ready SVG output.

Related Skills

Explore More Design & Creative Skills→
2025Emma2025Emma
22.7k

snapdom

Convert HTML elements into SVG, PNG, JPG, or WebP images.

Community
Basic
SayadBotSayadBot
2

hugeicons

Render Hugeicons icons in React components using @hugeicons/react and @hugeicons/core-free-icons.

Official
Basic
desafindesafin

moai-tool-svg

Create, optimize, and transform SVG graphics with SVGO.

Community
Advanced
pixijspixijs
302

pixijs-scene-graphics

Draw and render vector graphics with PixiJS v8 Graphics API.

Official
Advanced