Svg

Svg skills and workflows surfaced by the site skill importer.

11 skills
J
baoyu-infographic

by JimLiu

baoyu-infographic is a prompt framework for structured infographic creation with 21 layouts and 20 styles. It helps analyze source content, choose the right layout and style, and generate clear visual summaries for UI design, comparisons, workflows, and other content-heavy explainers.

UI Design
Favorites 0GitHub 13.2k
O
diagram-generator

by openclaw

diagram-generator helps create and edit draw.io, Mermaid, and Excalidraw diagrams from structured input. It supports flowcharts, sequence diagrams, class diagrams, ER diagrams, mind maps, architecture diagrams, and network topologies, and can read existing .drawio, .mmd, and Excalidraw files for easier updates.

Diagramming
Favorites 0GitHub 4k
G
gsap-plugins

by greensock

gsap-plugins helps frontend developers choose, install, and use GSAP plugins correctly. It covers plugin registration, imports, and practical guidance for ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG plugins, easing tools, and GSDevTools. Use it when you need a clear gsap-plugins guide instead of generic animation advice.

Frontend Development
Favorites 0GitHub 3.2k
M
snipgrapher

by mcollina

snipgrapher turns source code into polished, syntax-highlighted PNG, SVG, and WebP snippet images with reusable themes, profiles, and CLI-driven renders. Use the snipgrapher skill when you need consistent assets for docs, changelogs, social posts, or snipgrapher for UI Design. It supports install, config, batch, and watch workflows for repeatable output.

UI Design
Favorites 0GitHub 1.8k
Y
fireworks-tech-graph

by yizhiyanhua-ai

fireworks-tech-graph is a diagramming skill for turning system descriptions into production-ready SVG and PNG diagrams. It includes install guidance, helper scripts, validation, templates, and style references for technical diagrams, architecture flowcharts, sequence views, and related visual workflows.

Diagramming
Favorites 0GitHub 1.6k
M
graphviz

by markdown-viewer

graphviz is a DOT-based diagramming skill for creating automatically laid out directed and undirected graphs. Use it for dependency trees, call graphs, package hierarchies, ownership maps, and other graphviz for Diagramming use cases where readable structure matters more than manual positioning. It helps agents produce valid DOT with fewer render errors.

Diagramming
Favorites 0GitHub 1.1k
O
logo-generator

by op7418

logo-generator helps you create professional SVG logos and polished showcase images for products, brands, and concepts. It combines design-pattern guidance, 6+ logo variants, SVG-to-PNG export, and background showcase generation. Use the logo-generator skill when you need a fast, structured logo-generator guide for Branding with editable output and presentation-ready previews.

Branding
Favorites 0GitHub 563
C
architecture-diagram

by Cocoon-AI

Create polished, dark-themed architecture diagrams as standalone HTML files with inline SVG. The architecture-diagram skill is built for system architecture, infrastructure, cloud, security, and network topology diagrams, giving you a browser-ready visual with semantic colors, clear component relationships, and a consistent technical style.

Diagramming
Favorites 0GitHub 183
Z
makepad-2.0-vector

by ZhangHanDong

makepad-2.0-vector is a Makepad 2.0 Vector graphics skill for SVG-like UI design work. Use it to create crisp icons, badges, illustrations, gradients, filters, transforms, and animated vector elements with Vector{} or Svg{}. The guide helps you install makepad-2.0-vector and get implementation-ready output with less guesswork.

UI Design
Favorites 0GitHub 0
A
seo-images

by AgriciDaniel

The seo-images skill analyzes image SEO and performance for SEO Content, product pages, editorial posts, and other image-heavy pages. It checks alt text, file size, formats, responsive delivery, lazy loading, CLS risk, image SERP visibility, and optimization options like WebP/AVIF and IPTC/XMP metadata. Use it when you need a practical, prioritized image audit.

SEO Content
Favorites 0GitHub 0
R
logo-creator

by ReScienceLab

logo-creator is an AI logo workflow for generating concepts, comparing variations, cropping, removing backgrounds, and exporting SVG assets. It uses style references, example prompts, and helper scripts for logo, icon, favicon, and brand mark creation in ReScienceLab/opc-skills.

Branding
Favorites 0GitHub 0
Svg