svg-art

Solid

Generates artistic SVGs directly as code — minimal line icons, geometric marks, generative patterns, or hand-drawn compositions — and assembles a modern 2026 HTML gallery preview. Saves each session to its own semantically named folder on the Desktop. Learns from feedback: which styles you loved, which compositions you rejected, which stroke weights and palettes you return to. The tone and aesthetic get more personalized each session. Use when you want icons for a product, a branded mark, a generative poster, or a set of decorative SVGs for a page, blog, or app.

AI & Automation 4 stars 0 forks Updated yesterday MIT

Install

View on GitHub

Quality Score: 83/100

Stars 20%
23
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

## Preferences _On startup, use Read to load `~/.claude/skills/svg-art/preferences.md`. If missing, treat as first-run._ Defaults when no preferences exist: - `output-root`: `~/Desktop/svg-art/` (confirmed on first run) - `default-style`: `line-icon` (minimal, consistent stroke) - `default-count`: `9` (3×3 grid feels complete, not overwhelming) - `default-stroke`: `1.5` (px, relative to a 24px canvas) - `canvas`: `24x24` for icons, `400x400` for compositions - `palette-mode`: `currentColor` (monochrome, themeable) — alternates: `duotone`, `brand-palette` - `tone`: `friendly-cli` (matches user's global tone preference) - `open-gallery`: `true` _Also load `~/.claude/skills/svg-art/feedback-journal.md` if present — contains per-session likes/dislikes and extracted aesthetic signals. Summarize the signal (e.g., "prefers asymmetric compositions, negative space over fills, avoids radial symmetry") and let it shape this session's generation._ ## Context _On startup, use Bash to detect today's date (`date +%Y-%m-%d`) and whether the output root exists._ ## Command routing Check `$ARGUMENTS`: - `help` → show help, stop - `config` → run config flow, stop - `reset` → delete preferences + feedback journal, confirm, stop - `feedback` → rate the most recent set (teaches the skill), stop - `history` → list past sessions with titles and dates, stop - `styles` → print a quick reference of available style modes, stop - anything else → generate ## Help ``` svg-art — Artistic SVG genera...

Details

Author
mostafa-drz
Repository
mostafa-drz/claude-skills
Created
7 months ago
Last Updated
yesterday
Language
HTML
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Listed

art

Static visual content across 20+ formats — diagrams, mermaid, infographics, D3 dashboards, comics, icons, wallpaper — via Flux, Nano Banana Pro, and GPT-Image-2. USE WHEN art, illustration, diagram, flowchart, infographic, header image, blog social thumbnail, visualize, generate image, mermaid, architecture diagram, comic, icon, blog art, framework diagram, D3 chart, remove background, wallpaper. NOT FOR locked house-style YouTube/channel/video thumbnails (use _THUMBNAIL — it orchestrates Art's Generate/PickExpression/ThumbnailText tools), video or animation (use Remotion), or web UI design and integrated frontend layout (use Webdesign).

12 Updated 1 weeks ago
DorShaer
AI & Automation Solid

svg-infographic

Author technical/structured SVG infographics and diagrams, then render them to crisp PNG with a headless browser. Best for architecture diagrams, topology maps, flows, before/after comparisons, nested/onion layer models, roadmaps, decision matrices, and social-ready technical one-pagers. Prefers clean line icons in soft tinted circles. First-class Korean/CJK text. Includes an opt-in "tidy hand-drawn" sketch preset (paper background, Korean handwriting font, rough strokes, highlighter). Not for photo-heavy or illustration-heavy graphics, statistical charts, or mascot/character illustration.

81 Updated 1 weeks ago
kyungseo
AI & Automation Listed

generative-art-svg-engine

Deterministic generative-art engine on the Python stdlib that turns a seed into layered, palette-driven SVG compositions - LCG pseudo-noise, seeded palettes, shape primitives (circles, paths, grids, waves), tint/weight rules - and exports browser-ready self-contained SVG. Reproducible per seed with zero design tools and zero MCP.

1 Updated 1 weeks ago
RMAzrim