下载

Skill UI

浏览并发现 9570+ 精选技能

全部编程开发人工智能设计创意产品商业数据科学市场营销职场通用效率工具硬件工程语言学习

搜索 SVG ，共找到 12 条记录

默认排序最新上传最多下载

Mermaid 图渲染器

iOfficeAI/AionUi

通过 beautiful-mermaid 将 Mermaid 流程图、时序、状态、类、ER 等渲染为 SVG 或终端 ASCII，支持主题与文件/管道输入，便于分享与调试。

Mermaid 图谱工作室

tech-leads-club/agent-skills

面向架构/流程/ERD 等需求，按照精心设计的初始化主题创建、校验并批量渲染 Mermaid 图，可输出 SVG、PNG 及 ASCII，保证统一风格与高可读性。

生成完整网站图标集与链接更新

sickn33/antigravity-awesome-skills

这是一个自动化工具，用于从单个源图片生成一套完整的网站图标集（包括ico、多种尺寸的PNG和SVG）。它能够自动检测项目使用的框架类型，将图标放置到正确的静态资源目录，并生成/更新网站的manifest文件，最后自动修改HTML和布局文件中的链接引用。

进阶JS动画库：复杂Web动画实现

animejs-animation

sickn33/antigravity-awesome-skills

Anime.js是一个轻量级但功能强大的JavaScript动画引擎，专为创建高保真、复杂的Web动画而设计。它提供了对DOM、CSS和SVG元素的精确控制，使开发者能够构建复杂、极具视觉冲击力的用户界面。适合用于编排多阶段落地页、实现元素渐进式展示，并利用高级缓动函数和时间轴来动画化复杂的SVG路径。

Draw.io 图表生成器

draw-io-diagram-generator

github/awesome-copilot

通过 mxGraph XML 与模板、布局规范以及 Draw.io VS Code 插件，生成或编辑 .drawio 系列文件，支持流程图、架构、UML、ER、时序和网络拓扑等图示场景，确保图形可直接打开。

Figma资产与图标导出工作流

figma-core-workflow-b

jeremylongshore/claude-code-plugins-plus-skills

本技能提供了一个完整的工作流，通过Figma REST API从设计文件中批量导出图像、图标和各类资产。它可以将选定的组件或整个画板渲染为高品质的PNG、SVG、JPG或PDF格式。非常适用于构建自动化设计素材流水线、生成文档预览图或批量导出大型图标集。

技术图表生成与可视化

fireworks-tech-graph

yizhiyanhua-ai/fireworks-tech-graph

本技能可以将复杂的系统概念，如架构图、数据流图、流程图和序列图，从自然语言描述转化为专业、高质量的图表。它支持多种技术模型，包括智能体和记忆架构，并能导出高分辨率PNG格式，用于技术文档和演示。

Lucidchart图表与文档管理

lucidchart-core-workflow-a

jeremylongshore/claude-code-plugins-plus-skills

本技能提供了一个完整的Lucidchart图表和文档管理工作流。它允许用户通过API程序化地执行整个生命周期：创建新文档，使用标准导入格式添加复杂的形状和连接线，编辑现有内容，并最终导出为高分辨率的PNG、PDF或SVG格式。适用于自动化流程图生成和内容管理。

Lucidchart图表版本控制架构

lucidchart-reference-architecture

jeremylongshore/claude-code-plugins-plus-skills

这是一份为Lucidchart平台设计的、可扩展的图表版本控制参考架构。它解决了版本追踪、实时协作增量捕获、以及异步导出等核心问题，通过同步服务、事件消费者和工作池，确保了图表数据的高可用性和完整性。

跨站脚本攻击高级手册

xss-cross-site-scripting

yaklang/hack-skills

本手册是针对跨站脚本攻击（XSS）的专家级指南，详细涵盖了各种高级攻击技巧和载荷选择。内容包括但不限于WAF和CSP绕过、HttpOnly绕过、DOM操作和XS-Leaks侧信道攻击等。适用于专业的安全测试和漏洞挖掘场景。

XML外部实体注入(XXE)实战指南

xxe-xml-external-entity

yaklang/hack-skills

本手册是一份关于XML外部实体注入(XXE)漏洞的专家级实战指南。它详细介绍了在各种应用场景（如SOAP、SVG、Office文件）下攻击的完整技术链。内容涵盖了盲流检测、出站（OOB）数据泄露、本地文件读取以及将XXE漏洞升级为SSRF或远程代码执行(RCE)的攻击方法。

高级动画与交互模式

motion-advanced

affaan-m/everything-claude-code

本技能提供React/Next.js的高级物理动画和交互模式，适用于复杂的UI构建。它涵盖了拖拽手势、滑动检测、文字分步动画、SVG路径绘制等功能。掌握使用useAnimate进行中断安全的动画序列管理，显著提升应用的交互性和用户体验。

1

语言