svg-art
Create SVG graphics through programmatic code generation. Use this skill when the user asks to create icons, logos, illustrations, diagrams, data visualizations, generative art, patterns, fractals, or any vector graphics. Provides executable Python scripts for grids, radial patterns, fractals, waves
By kv0906 · 458 installs
npx skills add kv0906/cc-skills --skill svg-art
Source repository · Upstream listing
SVG Art: Programmatic Generation
Generate high quality SVG graphics using Python scripts. All scripts output valid SVG to stdout (or file with o ).
Available Scripts
Script Purpose Key Options
generate grid.py Grid patterns cols , rows , shape , vary
generate radial.py Radial/spiral/sunburst spiral , concentric , sunburst
generate fractal.py Fractals (tree, koch, sierpinski) tree , koch , sierpinski , depth
generate wave.py Waves and audio viz layers , noise , bars
generate particles.py Scatter/cluster/constellation cluster , gradient , constellation
generate chart.py Data visualization bar , line , pie , donut
generate icon.py Common UI icons icon NAME , list , filled
optimize svg.py Minify/optimize SVG aggressive , stats
Quick Examples
Script Usage Patterns
Grid Patterns
Radial Patterns
Fractals
Charts
Icons
Common Options (All Scripts)
fill COLOR : Fill color (default: 3B82F6)
stroke COLOR : Stroke color
stroke width N : Stroke width
seed N : Random seed for reproducibility
o FILE : Output to file instead of stdout
Piping and Composition
Scripts can be piped together:
SVG Fundamentals Reference
See [references/svg fundamentals.md](references/svg fundamentals.md) for:
Core SVG structure and viewBox
Element types (rect, circle, path, etc.)
Path command syntax
Gradients and patterns
Accessibility requirements