Skills

All Skills

svg

Skills tagged with #svg

@typst-doc-cn

typst-grammar-authoring

Use when authoring or validating Typst documents from canonical grammar examples, especially when you need compile, HTML, or SVG-based validation workflows.

typst-doc-cn/tutorial+1 more
6mo ago
2070
@hugohe3

PPT Master Skill

> AI 驱动的多格式 SVG 内容生成系统。通过多角色协作将源文档转化为高质量 SVG 页面并导出 PPTX。

hugohe3/ppt-master
6mo ago
2.0K0
@AgriciDaniel

blog

Full-lifecycle blog engine with 17 commands, 12 content templates, 5-category 100-point scoring, and 4 specialized agents. Optimized for Google rankings (December 2025 Core Update, E-E-A-T) and AI citations (GEO/AEO). Writes, rewrites, analyzes, outlines, audits, and repurposes blog content with answer-first formatting, sourced statistics, Pixabay/Unsplash/Pexels images, AI image generation via Gemini, built-in SVG chart generation, JSON-LD schema generation, and freshness signals. Supports any platform (WordPress, Next.js MDX, Hugo, Ghost, Astro, Jekyll, 11ty, Gatsby, HTML). Use when user says "blog", "write blog", "blog post", "blog strategy", "content brief", "editorial calendar", "analyze blog", "rewrite blog", "update blog", "blog SEO", "blog optimization", "content plan", "blog outline", "seo check", "schema markup", "repurpose", "geo audit", "blog audit", "citation readiness".

AgriciDaniel/claude-blog+20 more
6mo ago
2300
@matrixhub-ai

import-figma-svg

Inspect Figma SVG assets, prefer @tabler/icons-react when available, and download SVGs only as a fallback.

matrixhub-ai/matrixhub
6mo ago
580
@neonwatty

logo-designer

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.

neonwatty/logo-designer-skill
6mo ago
180
@n0isy
MCP

Io.Github.N0isy/Mcp Icon Visual

Search, retrieve, compare, and render SVG icons visually for AI agents.

mcpgithubaisearch
n0isy/brain-mcp-icon-visual
6mo ago
0
@mortenator
MCP

Charta

Generate beautiful, presentation-ready charts (SVG + PNG). Supports 14+ chart types.

mcpgithub
mortenator/charta-mcp
6mo ago
0
@webalys-hq
MCP

Streamline MCP Server

The Streamline MCP Server allow users to search, and download assets in PNG or SVG formats.

mcpsearch
webalys-hq/streamline-mcp-server
6mo ago
0
@imxv

pretty-mermaid

Render beautiful Mermaid diagrams as SVG or ASCII art using the beautiful-mermaid library. Supports 15+ themes, 5 diagram types (flowchart, sequence, state, class, ER), and ultra-fast rendering. Use this skill when: 1. User asks to "render a mermaid diagram" or provides .mmd files 2. User requests "create a flowchart/sequence diagram/state diagram" 3. User wants to "apply a theme" or "beautify a diagram" 4. User needs to "batch process multiple diagrams" 5. User mentions "ASCII diagram" or "terminal-friendly diagram" 6. User wants to visualize architecture, workflows, or data models

imxv/Pretty-mermaid-skills
6mo ago
5420
@wspringer
MCP

Math Svg Mcp

Convert LaTeX math expressions to crisp, scalable SVG images

mcpgithub
wspringer/math-svg-mcp
6mo ago
0
@vigorX777

PPT SVG 生成器

> 将文稿转化为精美、可编辑的 PPT 页面

vigorX777/ppt-svg-generator
6mo ago
1610
@better-auth

better-icons

Use when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs. Commands: `better-icons search <query>` to find icons, `better-icons get <id>` to get SVG. Also available as MCP server for AI agents.

better-auth/better-icons
6mo ago
5870
@youssefm

Skill: Add a New Magic Set to Limited Grades

Use this skill when the user asks to add a new Magic: The Gathering set to the project. This involves researching the set, downloading its SVG icon, adding a static entry in `MagicSet.tsx`, and updating the Next.js redirect config.

youssefm/limited-grades
6mo ago
390
@AgriciDaniel

claude-gif

Ultimate GIF creator: AI video-to-GIF (Veo 3.1), programmatic animations (Remotion), AI image sequence assembly (Gemini/FLUX.2), animated SVG-to-transparent-GIF (Playwright), video conversion, and GIF editing/optimization. Palette optimization, perfect loops, platform-specific sizing, dithering control. Use when user says "gif", "create gif", "make gif", "animated gif", "convert to gif", "optimize gif", "gif from video", "meme gif", "reaction gif", "loading spinner gif", "logo animation gif", "transparent gif", "svg to gif", or "/gif".

AgriciDaniel/claude-gif+3 more
6mo ago
70
@QingYunA

Answer me with HTML: answer a complex question with one HTML page

You write only the **content draft** (extended Markdown). The `am` CLI does all layout, colours, dark mode and diagram coordinates. **Do not hand-write HTML / CSS / SVG.**

QingYunA/answer-me-with-html
1mo ago
1.5K0
@andyed

muriel

A multi-constraint solver for visual production — raster, SVG, web, interactive, video, terminal, density viz, gaze, science, infographics, diagrams across eleven output channels plus dimensions + style-guides cross-channel references. Brand tokens, 8:1 contrast rule, and dimension constants stay active at render time. Use when the user needs any visual artifact for human eyes.

andyed/muriel
6mo ago
110
@qianzhu18

WorkIsland 外观模板 Skill

你正在帮用户更换 WorkIsland(macOS 灵动岛式 Agent 任务监控器)的外观模板。模板以**包**为单位(五个状态 SVG + 可选背景 + 可选桌宠),所有操作都通过本机 `workisland-cli` 完成,不开网络端口。

qianzhu18/workisland
2mo ago
80