visual-flow-gif

仓库创建 2026年6月14日最近提交 1 天前SkillHot 收录 8 小时前

▸ 精选理由

适合把复杂流程快速转成可编辑的动图与规范化 JSON 输出。

▸ 风险提示

需要在本地运行 Python/Pillow 渲染，需执行代码环境

这个 Skill 做什么

将文本或草图渲染为静态 PNG 与可动画化的流程 GIF（含 JSON 规格）。

把文字说明或草图变成一张静态 PNG 和一段能看出流程动感的 GIF，同时输出用来渲染的 JSON 规格，方便后续修改。用在你想把工作流、架构图或步骤说明做成可视化带动画的图示时，比手动画更快更可复用。特别之处是同时产出静图、动图和可编辑的 JSON 渲染源。

▸ 展开 SKILL.md 英文原文

Create animated flow diagrams from articles, workflow notes, architecture sketches, or process descriptions using a JSON specification and a local Python/Pillow renderer. Use when the user wants to turn source material into a static PNG + animated GIF diagram.

内容创作可视化流程图GIF通用

1.1k

Stars

141

Forks

仓库内 Skill

积累中

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/AI-Builder-Club/skills/main/skills/visual-flow-gif/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/AI-Builder-Club/skills/main/skills/visual-flow-gif/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Visual Flow GIF

Use this skill when a user wants to turn source material into a clear animated flow diagram.

The output should include:

- A static PNG diagram.
- An animated GIF with visible motion.
- The JSON spec used to render the diagram when useful for later edits.

## Workflow

1. Read the source material and identify the system.
   - Inputs, outputs, actors, modules, tools, stores, and feedback loops.
   - Main steps, decision points, shared artifacts, and arrow direction.
   - Any visual constraints from a reference image.

2. Create a JSON spec.
   - Start from `${CLAUDE_PLUGIN_ROOT}/skills/visual-flow-gif/assets/default-spec.json` for the default light theme.
   - Start from `

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有