claude

svg-forge

Design animated SVGs that render everywhere: self-contained README cards, banners, loaders, icons and diagrams that survive GitHub's image proxy, plus React and Motion scenes for apps. Skills animated-svg, motion-scene, svg-audit; agent svg-designer; a generator for 14 kinds with 15 contrast-checked themes, a validator with WCAG contrast rules, a frame renderer and a minifier. Lives in its own repo.

5 on GitHubby Sagar Guptav0.3.0MITupdated yesterdayfrontend
/

Plugin svg-forge from marketplace sagar-dev-skills in Sagargupta16/claude-skills. Commands read from the repo's manifest — today.

What it installs

Skills (3)

  • animated-svg

    Designs, generates, validates and optimizes self-contained animated SVG files that render wherever an image can be shown, on web pages, in apps, docs sites and GitHub READMEs, such as cards, banners and headings, stats, streak and project cards, loaders, badges, charts and diagrams, timelines, logo

  • motion-scene

    Designs and builds animated React and Motion (motion/react) scenes for web apps, such as project cover art, service card illustrations, hero art and architecture or mechanism diagrams that show what a thing actually does. Works in three modes, research (read the subject into a storyboard brief), bui

  • svg-audit

    Audits an existing SVG file or animated React scene and returns ranked findings with fixes: render-target safety (GitHub README image proxy, browsers), accessibility, motion quality, file weight and code hygiene. Runs the bundled validator, then reviews what a linter cannot see. Use when the user sa

Subagents (1)

  • svg-designer

    Use this agent to design and build an animated SVG end to end: it studies the subject, writes a storyboard, picks the delivery target and timing preset, builds the file or React scene, validates it, and iterates until it reads well at the sizes it will be shown. Use when a request needs a finished a

View source on GitHub sagargupta.online

More from Sagargupta16/claude-skills

All 20 plugins →

orrery

claude

Architecture, system design and business flow diagrams from a short YAML spec, drawn with the official AWS, Azure, Google Cloud, Kubernetes, GitHub and IBM icons plus 5,500 tech logos, auto-laid out and rendered to SVG, PNG, editable draw.io, React TSX, HTML and design documents. Skill orrery with a bundled CLI; commands /orrery:draw, /orrery:doc, /orrery:import-image, /orrery:review; agents planner, diagram-author, image-importer, patch-proposer and four reviewers (accuracy, conventions, flow, legibility). Lives in its own repo.

1 skill · 4 commands · 8 agents · hooks

5

foreman

claude

Splits a task into subtasks, hands each one to a predefined agent type and picks Haiku, Sonnet, Opus or Fable for it by the kind of work, then runs the subtasks in dependency waves and verifies once. Skills dispatch and new-agent; agents scout, mechanic, researcher, builder, writer, reviewer, verifier, architect, debugger and specialist; seven task templates, a plan checker that catches overlapping file ownership before any agent starts, a run log whose stats suggest route changes, a plan-to-Workflow compiler and a scaffolder for new agents and agent plugins. Needs Python 3.12+. Lives in its own repo.

2 skills · 10 agents · hooks

5

Everyday dev commands -- commit, review, test, fix bugs, create PRs, check repo status, and inspect PR health. Agents: code-reviewer, debugger. Hook: auto-format. Commands use dynamic context injection for grounded, first-attempt responses.

1 skill · 7 commands · 2 agents · hooks

5

Open source contribution workflow -- upstream sync, CONTRIBUTING.md compliance, code style matching, PR preparation, CLA/DCO signing, AI disclosure, and PR quality bar. Agent: pr-analyzer. Hook: upstream-sync-check. Commands use dynamic context injection.

1 skill · 2 commands · 1 agent · hooks

5

Advanced git operations -- rebasing, cherry-picking, conflict resolution, bisect, stash management, history exploration, and undo strategies. Agent: git-assistant. Hook: commit-lint.

1 skill · 1 command · 1 agent · hooks

5

Context window management -- compaction timing, context rot prevention, branching strategies, and sub-agent isolation patterns. Agent: context-advisor.

1 skill · 1 command · 1 agent

5

Similar plugins

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

1 skill

anthropics/claude-code 155,476

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

1 skill · 4 agents · hooks

pbakaus/impeccable 109,099

Claude Code mod: watch Headroom snip tokens off every request, with an animated band, a /headroom log and a running total.

headroomlabs-ai/headroom 79,508

Generate natively editable PPTX from PDF / DOCX / URL / Markdown — real DrawingML shapes, text boxes, charts, and animations. Note: run `pip install -r requirements.txt` inside the installed plugin directory for the Python post-processing scripts to work.

1 skill

hugohe3/ppt-master 76,375

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

Maintain svg-forge?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins20 plugins