animated-sketch-diagram

Name: animated-sketch-diagram
Author: OLDyade

OLDyade ★ 31

This standalone Agent Skill generates hand-drawn animated architecture and workflow diagrams in a sketch style with ink lines, beige paper, and flowing motion that traces the topology — exporting as self-contained single-file HTML (SVG+CSS) or seamless-loop GIF. It automatically matches a fixed design system of palette, stroke, and spacing, checks its own work by re-rendering, and supports CJK text with bundled OFL handwriting fonts.

Design & Frontend Documentation No API key detected agent skill

Install

> npx skills add OLDyade/animated-sketch-diagram

Installs via the community skills CLI (works with Claude Code and other agents).

Source: https://github.com/OLDyade/animated-sketch-diagram

What it's made of

1 skill

Commands: 0
Agents: 0
Skills: 1
MCP servers: 0
Hooks: 0

What it needs & plugs into

API keys: none
Paid services: none detected
External tools: none
Talks to: nothing external detected

Analyzed 2026-10-17. Facts extracted from the plugin's files. Prose generated by claude-haiku-4-5-20251001.

Is this your plugin?

Claim it to keep the card accurate and enter the weekly contest. Requires signing in as the GitHub owner (OLDyade).