LogoClawIndex
CasesSkillsAbout
LogoClawIndex

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.

Skills tagged: svg

Browse skills that share this tag.

  • design-drawing-svg-md - Convert vector engineering PDFs into linked SVG and Markdown records
    cadsvgmarkdownpdf

    ★ 63 · Updated 2026-10-03

    Converts vector engineering PDFs without text layers into linked Markdown semantic records and layered SVG geometry archives with validation.

    ⚙ Extract vector PDF geometry⚙ Cluster drawing views⚙ Recover drawing text
  • ifq-design-skills - Create and verify HTML-first visual designs
    designhtmlprototypeslides

    ★ 24 · Updated 2026-09-30

    Routes visual design requests to templates, creates verified HTML deliverables, and optionally prepares MP4, GIF, PPTX, PDF, or SVG exports.

    ⚙ Route visual design requests⚙ Select design modes⚙ Fork listed templates
  • business-model-diagram - Create self-contained HTML/SVG business model diagrams
    business-modeldiagramsvganti-fabrication

    ★ 0 · Updated 2026-09-24

    Generates self-contained HTML/SVG business model diagrams based on Zukai Souken methodology with strict anti-fabrication and evidence table rules.

    ⚙ Generate self-contained HTML SVG diagrams⚙ Structure elements in 3x3 grids⚙ Generate integrated evidence reference tables
  • ai-figure - Generate SVG diagrams automatically from markdown or JSON
    svgdiagrammarkdownvisualization

    ★ 29 · Updated 2026-09-23

    Generates clean SVG diagrams with auto-layout from markdown string or JSON config in browser and Node.js.

    ⚙ Generate SVG diagrams⚙ Parse markdown diagram syntax⚙ Parse JSON diagram config
  • moai-icons-vector - Vector Icon Libraries Enterprise Guide
    iconsvector-iconsreactsvg

    ★ 650 · Updated 2026-09-23

    Guide covering 10+ vector icon libraries, React implementation patterns, accessibility rules, and bundle size optimizations.

    ⚙ Select vector icon libraries⚙ Implement React icon components⚙ Create type-safe icon buttons
  • hand-drawn-note-generator - Generate visual summary images and sketchnotes from content
    sketchnoteinfographicdiagramimage-generation

    ★ 73 · Updated 2026-09-21

    Turns text content into visual summary images, sketchnotes, infographics, whiteboard diagrams, sketch SVGs, and portable image prompts.

    ⚙ Detect content relationship types⚙ Select audience visual modes⚙ Generate image generation prompts
  • marp-slides - Create MARP presentation decks
    marpslidespresentationdeck

    ★ 310 · Updated 2026-09-21

    Create MARP presentation decks with SVG charts, interactive elements, dashboard components, animations, and dark or light themes.

    ⚙ Create MARP presentation decks⚙ Apply dark and light themes⚙ Render SVG charts and components
  • icon-illustration-systems - Icon and Illustration Systems
    iconsillustrationdesign-systemsaccessibility

    ★ 47 · Updated 2026-09-20

    Guidelines for icon library selection, sizing scales, SVG optimization, accessible iconography, and illustration styles.

    ⚙ Select icon libraries⚙ Apply icon sizing scales⚙ Implement accessible iconography
  • animated-sketch-diagram - Generate animated sketch architecture and flow diagrams
    diagramarchitectureflowchartanimation

    ★ 16 · Updated 2026-09-19

    Creates animated sketch-style architecture and workflow diagrams as self-contained HTML files and renders seamless looping GIFs.

    ⚙ Plan diagram layout⚙ Create animated HTML diagrams⚙ Design SVG doodle icons
  • cli-anything-inkscape - CLI for Inkscape vector graphics editing
    cliinkscapesvgvector-graphics

    ★ 0 · Updated 2026-09-18

    Command-line interface for manipulating SVG documents and managing vector graphics projects using Inkscape.

    ⚙ Create and manage SVG documents⚙ Add and modify vector shapes⚙ Add and format text elements
  • svg-creator - Create and verify high-quality SVG graphics.
    svgvector-graphicsdiagramsicons

    ★ 29 · Updated 2026-09-17

    Generates, renders, visually verifies, and delivers vector graphics, icons, diagrams, and animations in SVG format.

    ⚙ Create SVG graphics⚙ Render SVG previews⚙ Verify SVG render quality
  • placeholder-images - Generate SVG placeholder images for HTML prototypes
    placeholdersvgprototypelayout

    ★ 2 · Updated 2026-09-17

    Generates simple, labeled, and brand-aware SVG placeholder images for prototype layouts and mockups.

    ⚙ Generate simple SVG placeholders⚙ Generate labeled SVG placeholders⚙ Generate brand-aware SVG placeholders
  • premium-motion-infographics - Create premium SVG and HTML motion infographics
    svghtmlmotion-graphicsinfographics

    ★ 3 · Updated 2026-09-17

    Create varied SVG and HTML motion infographics for Reels, explainers, launch videos, presentations, and product stories.

    ⚙ Write visual treatments for beats⚙ Build visual object inventories⚙ Establish constrained visual systems
  • excalidraw - Excalidraw diagram generator
    excalidrawdiagramvisualizationsvg

    ★ 25 · Updated 2026-09-14

    Generates hand-drawn Excalidraw-style diagrams rendered as SVG and PNG files from text prompts.

    ⚙ Analyze diagram requests⚙ Generate diagram JSON⚙ Render SVG and PNG diagrams
  • icon-extract - Extract SVG icons from FileMaker layout objects
    filemakersvgxmlicon-extraction

    ★ 94 · Updated 2026-09-13

    Extracts embedded SVG icons from FileMaker layout object XML and saves them as individual SVG files.

    ⚙ Parse FileMaker layout XML⚙ Decode hex encoded SVGs⚙ Extract embedded SVG icons
  • quiver-ai - QuiverAI API Integration
    quiver-aisvgvectorizationmcp-server

    ★ 0 · Updated 2026-09-13

    Integrate or troubleshoot the QuiverAI API for listing models, text-to-SVG generation, and image vectorization.

    ⚙ List available QuiverAI models⚙ Generate SVG from text⚙ Vectorize image into SVG
  • umbraco-icons - Implement custom icons in Umbraco backoffice.
    umbracoiconsbackofficesvg

    ★ 22 · Updated 2026-09-11

    Implement custom SVG icons in the Umbraco backoffice using official documentation, package manifests, and JavaScript modules.

    ⚙ Fetch official documentation⚙ Generate package manifest files⚙ Register custom SVG icon modules
  • dev-graph-exports - Export Dev Graph UI assets and dashboard data
    dev-graphexportsvgtimeline

    ★ 21 · Updated 2026-09-09

    Exports Dev Graph UI assets and dashboard data, including structure SVGs, timeline SVG or MP4 files, per-commit frames, and analytics JSON.

    ⚙ Export structure SVG files⚙ Export timeline MP4 and GIF videos⚙ Export per-commit SVG frames
  • favicon-gen - Generate Custom Favicons for Websites and Apps
    faviconweb-developmentbrandingicons

    ★ 1,018 · Updated 2026-02-09

    Creates custom favicons from logos, text, or brand colors for website and app icons

    ⚙ extract icons from logos⚙ create monogram favicons⚙ generate branded shape icons