svg skills

62 tagged svg, measured the same way as everything else here.

Browse within: icons 13diagrams 10go 10rofi 10infographic 8html 7cjk 6claude-code-skill 6korean 6diagram 5visualization 5

yizhiyanhua-ai/fireworks-tech-graph

Skill Claude CodeCodex

Create technical diagrams such as software architecture, data flow, flowcharts, sequence diagrams, C4 reviews, cloud deployments, event streams, observability investigations, agent/memory systems, UML, ER, network topology, timelines, and technical concept maps, then export SVG, PNG, focused semantic SVG-to-GIF…

11k +43 7d ago A 128 tokens original MIT

thesvg

02

glincker/thesvg

Skill Claude CodeCodex

Fetch brand SVG logos and cloud architecture icons (AWS, Azure, GCP) from theSVG. Use when the user asks for a brand logo, company icon, framework mark, service icon, or any "icon/logo for X" where X is a real brand or cloud service. Returns ready-to-use CDN URLs or raw SVG markup.

2.6k +8 today A 72 tokens original MIT

oil-oil/beautify-github-readme

Skill Claude CodeCodex

Redesign GitHub README homepages or create project-native pure SVG, hybrid SVG-composed PNG/WebP, and opt-in animated GIF assets. Use when a user asks to beautify, redesign, rebrand, visually upgrade, simplify, or audit a GitHub README; create only a hero, section headers, diagrams, badges, motion graphics, showcase…

1.7k +11 1mo ago A 143 tokens original MIT

AgentEra/Agently

Skill Claude CodeCodex

Create a professional, dark-themed software/system architecture diagram as a single self-contained HTML file with inline SVG. Use when asked to visualize system components, layers, services, or how parts of a codebase fit together.

1.6k +1 today A 47 tokens original Apache-2.0

docs-claim-check

05

kyungseo/skillstead

Skill Claude CodeCodex

Check whether the claims in public-facing documentation (README, release notes, install/usage docs) are supported by the evidence the user provides — files, manifests, logs, and command outputs supplied in the conversation. Produces per-claim findings with a confidence label (verified / unsupported / stale-suspected /…

78 2d ago A 180 tokens original Apache-2.0

kyungseo/skillstead

Skill Claude CodeCodex

Assess and guide safer github.com repository releases. Use when an existing private GitHub repository becomes public for the first time, or whenever an already-public GitHub repository publishes a new version, and the user needs readiness checks, release-surface decisions, explicit mutation approvals, release notes…

78 2d ago A 113 tokens original Apache-2.0

kyungseo/skillstead

Skill Claude CodeCodex

Writing Quality Editor (WQE) composes, assesses, revises, and adapts user-facing writing so it reads naturally while preserving meaning, claims, intent, voice, conditions, numbers, identifiers, exceptions, and risks. Use when a user asks to write, review, polish, fix, improve, supplement, clarify, translate, localize…

78 2d ago A 196 tokens original Apache-2.0

logo-designer

08

neonwatty/logo-designer-skill

Skill Claude CodeCodex

Design and iterate on logos using SVG. Use this skill when the user asks to "create a logo", "design a logo", "make me a logo", "iterate on this logo", "logo for my project", or discusses logo design, branding icons, or wordmarks.

78 +3 6d ago A 61 tokens original MIT

LcpMarvel/feishu-whiteboard-pro

Skill Claude CodeCodex

Build beautiful, editable Feishu / Lark (飞书) whiteboards with deliberate composition, not just good colour. Use whenever the user wants to create or draw a Feishu whiteboard, infographic, diagram, poster, system map, or visual explainer and wants it to actually look designed — strong visual hierarchy, intentional…

57 2mo ago A 198 tokens

LcpMarvel/feishu-whiteboard-pro

Skill Claude CodeCodex

An add-on that turns content into editable Feishu whiteboards, using planned layouts, colors, text roles, spacing, and a design review before saving the result to a Feishu document. Feishu is a Chinese collaboration and document platform.

57 2mo ago A 149 tokens

draw-io

11

Sunwood-ai-labs/draw-io-skill

Skill Claude CodeCodex

Create, edit, export, and review draw.io diagrams. Use for native .drawio XML generation, PNG/SVG/PDF export, SVG overlap, border-overlap, label-intrusion, label-rect, short-terminal, text-contrast, text-emphasis, and text-overflow linting, layout adjustment, and AWS icon usage.

48 3mo ago A 74 tokens original MIT

sandraschi/inkscape-mcp

Skill Claude CodeCodexCursor

Complete fullstack development mastery covering modern web architectures, automation tools, AI integration, and production deployment practices.

45 4d ago A 25 tokens original MIT

sandraschi/inkscape-mcp

Skill Claude CodeCodexCursor

Comprehensive MCP server development guide covering FastMCP 2.14.3 features, Anthropic standards, ecosystem integration, and production deployment across all agentic IDEs.

45 4d ago A 40 tokens original MIT

skills

14

sandraschi/inkscape-mcp

Skill Claude CodeCodex

Generate a complete SVG file from a natural language description using SEP-1577 multi-step sampling.

45 4d ago A 0 tokens original MIT

hyperweave-verbs

15

InnerAura/hyperweave

Skill Claude CodeCodex

Read, verify, mutate, and round-trip HyperWeave living artifacts via the verb algebra instead of vision-parsing the SVG.

36 3d ago A 32 tokens original Apache-2.0

pdf-press

16

kdcube/kdcube

Skill Claude CodeCodex

Teaches agents how to generate Markdown, HTML (with embedded SVG), and Mermaid content that renders beautifully to multi-page PDF via writepdf, with proper page breaks, compact professional layouts, brand and domain-adaptive color schemes, multi-column support for scientific papers, magazine-style editorial documents…

25 2d ago A 74 tokens original MIT

pptx-press

17

kdcube/kdcube

Skill Claude CodeCodex

Teaches agents how to author slide-structured HTML that renders professionally to PPTX via writepptx, with proper sizing, styling, brand and domain-adaptive color schemes, SVG diagram integration, citation handling, deck narrative flow, and content budgets for business presentations, technical decks, and executive…

25 2d ago A 69 tokens original MIT

svg-press

18

kdcube/kdcube

Skill Claude CodeCodex

Teaches agents how to hand-craft self-contained SVG diagrams that render correctly in browsers, tags, and Playwright PDF/PNG. Covers containment math, viewBox sizing, arrow construction, text hierarchy, KDCube brand color tokens, semantic zone fills, badges, the PNG inspection loop, writepng parameters, multi-diagram…

25 2d ago A 87 tokens original MIT

molauu/svg-character-animator

Skill Claude CodeCodex

Generate production-quality SVG character animations — state machines that morph between N SVG states (2–10) with per-state idle motion (breathing, blinking, swaying). Use whenever the user wants to animate a character or mascot between poses/emotions, morph icons/illustrations between forms, build interactive SVG…

21 14d ago A 181 tokens original MIT

hdldiagzero

20

lcapossio/hdldiagZero

Skill Claude CodeCodex

Generate validated SVG block diagrams for HDL/RTL/FPGA/SoC designs. Use when asked to draw, diagram, sketch, render, or visualize Verilog, SystemVerilog, VHDL, Vivado BD, or LiteX architecture. Produces JSON specs plus SVGs, color-codes clock domains, distinguishes AXI/MM/Lite/Stream and TileLink, and hides…

20 +1 23d ago A 93 tokens original MIT

OLDyade/animated-sketch-diagram

Skill Claude CodeCodex

A skill for generating animated technical diagrams in a hand-drawn sketch style. It produces a self-contained HTML file with an SVG diagram, animated connections and icons, and an option to export a looping GIF.

15 1mo ago A 182 tokens

reimagine-it

22

Kayforkind/reimagine-it

Skill Claude CodeCodex

Content-Derived Design — reads existing HTML and writes a stronger standalone page from headings, facts, names, dates, numbers, links, emails, and colors already in that file. CLI: npx reimagine-it --auto -i page.html -o out.html; also variations, lock, and audit. Use when the user says /reimagine-it, "reimagine it"…

7 2d ago A 197 tokens original MIT

localplugins/plugins

Skill Claude CodeCodex

Generates on-brand document and deck templates — letterhead, slide, and one-pager — as SVG from the active brand profile, with editable title, subtitle, and body zones. Vector output needs no account, key, or network. Use when a user asks for a letterhead, a slide or deck master, or a branded one-pager. Trigger with…

5 1mo ago A 98 tokens original MIT

generate-logo

24

localplugins/plugins

Skill Claude CodeCodex

Generates on-brand, editable SVG logo assets — wordmark, monogram, and favicon — from the active brand profile, reusing its exact palette and heading font. Vector output needs no account, key, or network. Use when a user asks for a logo, wordmark, icon, monogram, or favicon. Trigger with "make a logo", "generate a…

5 1mo ago A 90 tokens original MIT