LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

带有该标签的 Skills：SVG

浏览带有该标签的技能列表。

  • design-drawing-svg-md - 将矢量工程 PDF 转为互联的 SVG 与 Markdown 记录
    CADSVGMarkdownPDF

    ★ 63 · 更新于 2026-10-03

    将无文字层的矢量工程 PDF 转换为互联的 Markdown 语义记录和分层 SVG 几何档案，并进行校验。

    ⚙ 提取 PDF 矢量几何⚙ 聚类归属图纸视图⚙ 恢复图纸文字
  • ifq-design-skills - 创建并验证 HTML 优先的视觉设计作品
    设计HTML原型幻灯片

    ★ 24 · 更新于 2026-09-30

    将视觉设计需求路由到模板，创建经过验证的 HTML 作品，并按需准备 MP4、GIF、PPTX、PDF 或 SVG 导出。

    ⚙ 路由视觉设计需求⚙ 选择设计模式⚙ 复制指定模板
  • business-model-diagram - 依据资料绘制自包含的HTML/SVG商业模式图解
    商业模式图解svg防捏造

    ★ 0 · 更新于 2026-09-24

    基于图解总研方法论生成自包含HTML/SVG商业模式图解，严格遵循防捏造规则并附带证据对照表。

    ⚙ 生成自包含HTML与SVG图解⚙ 按3x3网格布局主体元素⚙ 输出集成式证据对照表
  • ai-figure - 从 Markdown 或 JSON 自动生成 SVG 图表
    svg图表markdown可视化

    ★ 29 · 更新于 2026-09-23

    在浏览器和 Node.js 环境中通过 Markdown 字符串或 JSON 配置自动布局生成 SVG 图表。

    ⚙ 生成 SVG 图表⚙ 解析 Markdown 图表语法⚙ 解析 JSON 图表配置
  • moai-icons-vector - 矢量图标库企业级指南
    图标矢量图标ReactSVG

    ★ 650 · 更新于 2026-09-23

    涵盖 10+ 矢量图标库指南、React 实现模式、无障碍规范与打包体积优化策略。

    ⚙ 选择矢量图标库⚙ 实现 React 图标组件⚙ 创建类型安全的图标按钮
  • hand-drawn-note-generator - 将内容转换为手绘图解与视觉总结图像
    手绘笔记信息图架构图图像生成

    ★ 73 · 更新于 2026-09-21

    将文本内容转换为视觉总结图片、手绘笔记、信息图表、白板架构图、手绘SVG及通用提示词。

    ⚙ 识别内容逻辑关系⚙ 匹配目标群体视觉模式⚙ 生成绘图提示词
  • marp-slides - 创建 MARP 演示幻灯片
    marpslidespresentationdeck

    ★ 310 · 更新于 2026-09-21

    创建包含 SVG 图表、交互元素、仪表盘组件、动画和深浅主题的 MARP 演示文稿。

    ⚙ 创建 MARP 演示文稿⚙ 应用深色与浅色主题⚙ 渲染 SVG 图表与组件
  • icon-illustration-systems - 图标与插画系统
    图标插画设计系统无障碍

    ★ 47 · 更新于 2026-09-20

    用于指导图标库选择、尺寸规范设定、SVG优化、无障碍图标及插画风格确立。

    ⚙ 选择图标库⚙ 应用图标尺寸规范⚙ 实现无障碍图标
  • animated-sketch-diagram - 生成黑墨手绘涂鸦风格的动画架构图与流程图
    图表架构图流程图动画

    ★ 16 · 更新于 2026-09-19

    生成包含SVG和CSS动画的自包含HTML手绘涂鸦风架构图与流程图，并支持录制导出无缝循环GIF动图。

    ⚙ 规划图表布局结构⚙ 创建动态HTML图表⚙ 设计SVG涂鸦图标
  • cli-anything-inkscape - 用于 Inkscape 矢量图形编辑的命令行工具
    命令行inkscapesvg矢量图形

    ★ 0 · 更新于 2026-09-18

    提供有状态的命令行界面，用于操作 SVG 文档以及通过 Inkscape 管理矢量图形项目。

    ⚙ 创建与管理 SVG 文档⚙ 添加与修改矢量图形⚙ 添加与格式化文本元素
  • svg-creator - 创建并校验高质量 SVG 矢量图形。
    svg矢量图形图表图标

    ★ 29 · 更新于 2026-09-17

    创建、渲染、校验并交付 SVG 格式的矢量图形、图标、图表与动画。

    ⚙ 创建 SVG 矢量图形⚙ 渲染 SVG 预览图⚙ 校验 SVG 渲染质量
  • placeholder-images - 为 HTML 原型生成 SVG 占位图
    占位图svg原型布局

    ★ 2 · 更新于 2026-09-17

    为原型布局和模型生成简单、带标签及符合品牌样式的 SVG 占位图。

    ⚙ 生成简单 SVG 占位图⚙ 生成带标签 SVG 占位图⚙ 生成品牌样式 SVG 占位图
  • premium-motion-infographics - 创建高级 SVG 和 HTML 动态信息图表
    svghtml动态图形信息图表

    ★ 3 · 更新于 2026-09-17

    为短视频、解说视频、发布视频、演示文稿和产品故事创建多样化的 SVG 与 HTML 动态信息图表。

    ⚙ 撰写分镜视觉方案⚙ 构建视觉对象清单⚙ 建立受限视觉系统
  • excalidraw - Excalidraw 图表生成器
    excalidraw图表可视化svg

    ★ 25 · 更新于 2026-09-14

    根据文本提示生成 SVG 和 PNG 格式的手绘风格 Excalidraw 图表。

    ⚙ 分析图表需求⚙ 生成图表 JSON⚙ 渲染 SVG 和 PNG 图表
  • icon-extract - 从 FileMaker 布局对象中提取 SVG 图标
    filemakersvgxml图标提取

    ★ 94 · 更新于 2026-09-13

    从 FileMaker 布局对象 XML 中提取嵌入的 SVG 图标并保存为单独的 SVG 文件。

    ⚙ 解析 FileMaker 布局 XML⚙ 解码十六进制编码 SVG⚙ 提取嵌入的 SVG 图标
  • quiver-ai - QuiverAI API 集成
    quiver-aisvg矢量化mcp服务

    ★ 0 · 更新于 2026-09-13

    集成或排查 QuiverAI API，用于获取模型列表、文本生成 SVG 以及图像矢量化。

    ⚙ 获取可用 QuiverAI 模型列表⚙ 根据文本生成 SVG⚙ 将图像矢量化为 SVG
  • umbraco-icons - 在 Umbraco 后台实现自定义图标。
    umbraco图标后台svg

    ★ 22 · 更新于 2026-09-11

    使用官方文档、包清单和 JavaScript 模块在 Umbraco 后台中实现自定义 SVG 图标。

    ⚙ 获取官方文档⚙ 生成包清单文件⚙ 注册自定义 SVG 图标模块
  • dev-graph-exports - 导出 Dev Graph UI 资源与仪表盘数据
    dev-graph导出svg时间线

    ★ 21 · 更新于 2026-09-09

    导出 Dev Graph UI 资源和仪表盘数据，包含结构 SVG、时间线 SVG/MP4、逐提交帧及分析 JSON。

    ⚙ 导出结构 SVG 文件⚙ 导出时间线 MP4 与 GIF 视频⚙ 导出逐提交 SVG 帧
  • favicon-gen - 为网站和应用生成自定义favicon图标
    网站图标网站开发品牌设计图标

    ★ 1,018 · 更新于 2026-02-09

    从logo、文本或品牌颜色创建网站和应用图标的自定义favicon

    ⚙ 从logo中提取图标⚙ 创建字母组合favicon⚙ 生成品牌形状图标