SkillHey.
提交技能

探索技能

为网页、图像、演示文稿和视频找到原创工作流。

21 个技能匹配 “svg”
清除筛选
作者的信息图示例：宜家说明书风格的家具组装步骤。
免费
图像设计

SVG Diagram

制作独立 SVG 图解，用于流程、架构、时间线等结构化表达。

2.7万Stars2997Forks
仓库最近推送
Jim Liu (宝玉)

SVG Diagramming Conventions

Bybit

使用 SVG Diagramming Conventions 工作流完成相关任务。

  • svg
  • diagrams
670Stars44Forks
仓库最近推送
免费
网页与界面

Anatomy

将技术概念变成可交互的等轴测机械插画：细致的 SVG、WebGL 特效与可选 3D 动作，可输出独立 HTML、SVG 或 React 组件。

2.7万Stars2255Forks
仓库最近推送
wheresryan22
作者的 Flat Icon 风格 Mem0 记忆架构动画，展示记忆提取、存储与检索。
免费
图像设计

Fireworks Tech Graph

用 Codex 或 Claude Code 把中英文描述转成技术 SVG 图解，制作架构图和流程图，导出 PNG 或离线交互 HTML，并把支持的场景制作成 GIF。

1.2万Stars936Forks
仓库最近推送
yizhiyanhua-ai
Beautify GitHub README：上游 README 中的官方图片
免费
图像设计

Beautify GitHub README

重新设计 GitHub README，并制作符合项目特点的 SVG、合成 PNG／WebP 以及可选动图。

1960Stars132Forks
仓库最近推送
Zhihuang Lin
浅色墨线绘制的日本街道夜景，窗户散发暖光，天空有一弯新月。
免费
视频与动效

Line-art Animation

用 SVG 和 TypeScript 制作纸上墨线动画，从行走人物到可交互的昼夜场景，并按固定帧导出视频。

759Stars124Forks
仓库最近推送
Dhruv Jaradi (JDhruv14)
原仓库 README 中 28 个虚构品牌的 Logo 总览。
免费
图像设计

Logo Design

设计与评审 SVG Logo，提供三种经过检查的概念方案、品牌规范、应用展示，以及 favicon 和应用图标导出。

6695Stars528Forks
仓库最近推送
kaankiziltug
SeeCode Diagrams：上游 README 中的官方图片
免费
图像设计

SeeCode Diagrams

通过紧凑 JSON 规格制作可交互、可动画展示的图解，以脚本处理布局、样式、动效与导出。

934Stars68Forks
仓库最近推送
Aryan Utkarsh

React-PDF Documents

molefrog

使用 React 组件生成报告、发票等 PDF，复用布局与 SVG 图形，并控制跨页与页眉页脚。

  • pdf
  • react
  • document-generation
170Stars11Forks
仓库最近推送
对话框尺寸规格图动画，展示尺寸线、镜头拉远与图层分解视图。
免费
视频与动效

Dimensional Drawing Motion

将完成的尺寸图制作成 8–15 秒影片，逐步绘制线条、移动镜头并抬升图层，支持 Claude Motion 或无界面渲染器。

2073Stars149Forks
仓库最近推送
Enes Ozturk
作者的浅色主题演示：Agent 根据提示制作架构图，随后展示图解重绘与图形案例库。
免费
图像设计

Diagram Design

让 AI Agent 按你的品牌风格制作清晰的图解，涵盖架构图、流程图和数据图表；支持重绘 Mermaid、draw.io 与 Excalidraw，输出 HTML、SVG 或 PNG。

6.7万Stars4431Forks
仓库最近推送
Cathryn Lavery

Icon Set Generator

Jezweb

使用 Icon Set Generator 工作流完成相关任务。

  • svg
  • icon design
1114Stars110Forks
仓库最近推送
对话框尺寸规格图动画，展示尺寸线、镜头拉远与图层分解视图。
免费
图像设计

Dimensional Drawing Sheets

制作独立 HTML 尺寸规格图，以黑白 SVG 视图、实测变量、分解图和细节视图描述组件几何结构。

2073Stars149Forks
仓库最近推送
Enes Ozturk

Architecture Diagram Creator

mhattingpete

制作包含 SVG 数据流和部署背景的 HTML 架构概览。

  • diagrams
  • architecture
694Stars98Forks
仓库最近推送

Pixel2Motion (v2)

nolangz

使用 Pixel2Motion (v2) 工作流完成相关任务。

  • motion graphics
  • image
2656Stars214Forks
仓库最近推送
Pretty Mermaid Skills：上游 README 中的官方图片
免费
图像设计

Pretty Mermaid Skills

制作 Mermaid 图解，并渲染为主题化 SVG、PNG 或终端文字图，用于架构文档、README 和技术讨论。

1574Stars78Forks
仓库最近推送
imxv
硬盘的爆炸技术插画，展示盖板、磁头组件、盘片、外壳与电路板。
免费
图像设计

Teardown: Technical Illustrations

创建多视图一致的技术插画，并生成可交互的导出页面。

1.2万Stars468Forks
仓库最近推送
Jakub Krehel
Agent Vision Toolkit：上游 README 中的官方图片
免费
其他实用工具

Agent Vision Toolkit

为纯文本 Agent 提供图片问答、OCR、目标定位、裁切、SVG 描摹与截图比对工具。

1260Stars50Forks
仓库最近推送
anionex

character-animation

karem505

character-animation：来自原 GitHub 项目的可复用 Skill。design skill for Claude AI. Grade A. Turn a static character or asset image into a looping animated character, delivered as a moving SVG plus animated WebP and GIF. Use this whenever the user wants to animate, bring to life, or "make move" a character, mascot, logo, creature, sprite, icon, or any asset image — or wants a moving/animated SVG, WebP, or GIF made from an image — or mentions generating a sprite sheet animation, or names "Nano Banana 2" / Gemini image generation for animation. Also use it to convert an EXISTING sprite...

  • design
  • python
  • go
14Stars1Forks
仓库最近推送

MARP Slides

robonuggets

用 Markdown 制作 Marp 演示稿，结合 SVG 图表、数据面板组件与参考示例，并导出 HTML、PDF 或 PowerPoint。

  • ppt
  • presentations
  • markdown
334Stars58Forks
仓库最近推送

GSAP Plugins

greensock

使用 GSAP 指南处理插件注册及交互动画。

  • gsap
  • animation
1.8万Stars1157Forks
仓库最近推送

一个用心打造的小技能库，更多技能正在路上。