Not in the top 1,000 by GitHub stars
OLDyade/animated-sketch-diagram
Claude Code skill: hand-drawn animated architecture diagrams — ink on beige paper, flowing dots, one self-contained HTML, seamless-loop GIF export
History
Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.
View weekly changes
SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Local scripts
cfc00615f600 → cfc00615f600
Diff text is unavailable under the recorded licenses. Line counts and the GitHub link remain available.
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → cfc00615f600
No earlier version was observed for comparison.
View on GitHubAdd to my skills
Verified commit cfc00615f600c28318a85f88505113c5b9a8b399
git clone --filter=blob:none --no-checkout https://github.com/OLDyade/animated-sketch-diagram.git .hotskills/oldyade-animated-sketch-diagram && git -C .hotskills/oldyade-animated-sketch-diagram checkout --detach cfc00615f600c28318a85f88505113c5b9a8b399
# Copy each selected skill directory from .hotskills/oldyade-animated-sketch-diagram into .claude/skills/<skill-name>/31GitHub stars
0stars in 7 days
1skill in this repository
0commits in 30 days
Heat
0.3- Star growth, last 7 daysNot available
- Star growth, last 24 hoursNot available
- Rank movement, last 7 daysNot available
- Commits, last 30 daysNot available
- Accounts asking about it through MCP, last 7 daysNot available
- Hot votes this weekNot available
Heat never changes the order by stars, and sponsorship never touches it. How heat works
Stars over time
30-day change not yet available: not enough history.
Individual skills in this repository
How it works
animated-sketch-diagram
When your agent uses it
生成"黑墨手绘涂鸦"风格的动画架构图/流程图：米色纸面、针管笔墨线、极淡水洗色块、简笔涂鸦图标、序号章、连线上的流动圆点动画、图标微动效。产出单文件自包含动画 HTML（SVG+CSS），可一键导出无缝循环 GIF。当用户想画架构图、流程图、信息图、技术示意图、对比图、pipeline/workflow 可视化，或提到"手绘风""涂鸦风""动图""animated diagram""GIF 架构图"时使用；即使用户没明说要动画，做技术概念科普配图时也应优先考虑本 skill。
What it loads into context
Frontmatter
187 tokensAlways available to the agent
SKILL.md
2,462 tokensWhen the skill is activated
Reference documents
9,390 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 工作流
- 质量红线
Scripts executed separately
assets/vendor/rough.jsassets/vendor/sketchify.jsscripts/package.jsonscripts/render-gif.mjs
Files
.claude-plugin/marketplace.jsonasset694 bytes.gitignoreasset24 bytesLICENSEasset1,383 bytesREADME.mddoc3,139 bytesREADME.zh-CN.mddoc3,123 bytesSKILL.mdcore8,012 bytesSKILL.mdcore8,012 bytesSKILL.mdcore8,012 bytesassets/fonts-cn/LXGWWenKaiScreen.ttfasset25,673,994 bytesassets/fonts/Caveat-400.woff2asset48,836 bytesassets/fonts/Caveat-700.woff2asset51,020 bytesassets/fonts/Excalifont-400.woff2asset24,956 bytesassets/fonts/Kalam-400.woff2asset22,336 bytesassets/fonts/Kalam-700.woff2asset22,144 bytesassets/fonts/PatrickHand-400.woff2asset23,944 bytesassets/vendor/rough.jsruns27,762 bytesassets/vendor/sketchify.jsruns2,154 bytesdocs/social-preview.pngasset2,583,406 bytesexamples/agent-loop.gifasset3,606,897 bytesexamples/agent-loop.htmlasset302,298 bytesexamples/life-of-a-request.gifasset2,019,088 bytesexamples/life-of-a-request.htmlasset304,505 bytesexamples/loops-in-claude-code.gifasset2,347,102 bytesexamples/loops-in-claude-code.htmlasset316,576 bytesexamples/loops-in-claude-code.zh-CN.gifasset2,356,744 bytesexamples/monolith-vs-microservices.gifasset2,031,882 bytesexamples/monolith-vs-microservices.htmlasset304,379 bytesexamples/rag-pipeline.gifasset1,516,800 bytesexamples/rag-pipeline.htmlasset303,488 bytesreferences/style-guide.mddoc8,751 bytesreferences/svg-recipes.mddoc13,558 bytesscripts/package-lock.jsonasset671 bytesscripts/package.jsonruns145 bytesscripts/render-gif.mjsruns3,072 bytes
No excerpt is shown for this license. Read the source on GitHub.
View the complete source on GitHubSkills included
- animated-sketch-diagram
Repository facts
- License
- No license detected
- Created
- Jul 15, 2026
- Last pushed
- Jul 15, 2026
- Forks
- 7
- Open issues
- 0
- Project activity
- Slowing
Before you install
Local scriptsAutomated signals, not a guarantee
Checked Nov 4, 2026
Not fully analyzed: some files were too long, unreadable or missing. This never lowers the level.
Show 59 notes
SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedSKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedassets/fonts-cn/LXGWWenKaiScreen.ttf:1Analysis incomplete: Blob exceeds size or total-read limit; file skippedassets/vendor/rough.js:1Analysis incomplete: physical or joined line exceeds character limitexamples/agent-loop.html:3Analysis incomplete: physical or joined line exceeds character limitexamples/agent-loop.html:1Analysis incomplete: physical or joined line exceeds character limitexamples/agent-loop.html:4Analysis incomplete: physical or joined line exceeds character limitexamples/agent-loop.html:2Analysis incomplete: physical or joined line exceeds character limitexamples/agent-loop.html:5Analysis incomplete: physical or joined line exceeds character limitexamples/agent-loop.html:6Analysis incomplete: physical or joined line exceeds character limitexamples/agent-loop.html:7Analysis incomplete: physical or joined line exceeds character limitexamples/agent-loop.html:8Analysis incomplete: physical or joined line exceeds character limitexamples/agent-loop.html:182Analysis incomplete: physical or joined line exceeds character limitexamples/agent-loop.html:180Analysis incomplete: physical or joined line exceeds character limitexamples/agent-loop.html:181Analysis incomplete: physical or joined line exceeds character limitexamples/life-of-a-request.html:3Analysis incomplete: physical or joined line exceeds character limitexamples/life-of-a-request.html:1Analysis incomplete: physical or joined line exceeds character limitexamples/life-of-a-request.html:4Analysis incomplete: physical or joined line exceeds character limitexamples/life-of-a-request.html:2Analysis incomplete: physical or joined line exceeds character limitexamples/life-of-a-request.html:5Analysis incomplete: physical or joined line exceeds character limit
- No broad tool permissions
- No dangerous shell commands
- 13 network referencesin 3 files: README.md:11 README.zh-CN.md:11 scripts/package-lock.json:12
- 1 obfuscation signalin 1 file: assets/vendor/rough.js:1
- No instruction overrides
- 4 executable scriptsin 4 files: assets/vendor/rough.js:1 assets/vendor/sketchify.js:1 scripts/package.json:1 and 1 more
- No access to secrets
- No requests to vote in Hot
Show all 18 signals by file
README.md
- Network accessline 11
A [Claude Code skill](https://code.claude.com/docs/en/skills) that draws technical - Network accessline 40
Via [skills.sh](https://skills.sh) (also works for Codex / Cursor): - Network accessline 49
git clone https://github.com/OLDyade/animated-sketch-diagram.git ~/.claude/skills/animated-sketch-diagram - Network accessline 76
[MIT](LICENSE). Bundled fonts (LXGW WenKai Screen, Kalam, Patrick Hand, Caveat, Excalifont) are OFL; [rough.js](https://roughjs.com/) is MIT. - Network accessline 77
Excalifont) are OFL; [rough.js](https://roughjs.com/) is MIT.
README.zh-CN.md
- Network accessline 11
一个 [Claude Code skill](https://code.claude.com/docs/en/skills)：像资深工程师在 - Network accessline 37
走 [skills.sh](https://skills.sh)（Codex / Cursor 也能用）： - Network accessline 46
git clone https://github.com/OLDyade/animated-sketch-diagram.git ~/.claude/skills/animated-sketch-diagram - Network accessline 73
[MIT](LICENSE)。捆绑字体（霞鹜文楷、Kalam、Patrick Hand、Caveat、Excalifont）为 OFL；[rough.js](https://roughjs.com/) 为 MIT。 - Network accessline 74
OFL；[rough.js](https://roughjs.com/) 为 MIT。
assets/vendor/rough.js
- Possible obfuscationline 1
var rough=function(){"use strict";function t(t,e,s){if(t&&t.length){const[n,o]=e,a=Math.PI/180*s,h=Math.cos(a),r=Math.sin(a);for(const e of t){const[t,s]=e;e[0]=(t-n)*h-(s-o)*r+n,e[1]=(t-n)*r+(s-o)*h+o}}}function e(t,e){return t[0]===e[0]&& - Executable scriptline 1
Executable file
assets/vendor/sketchify.js
- Executable scriptline 1
Executable file
scripts/package-lock.json
- Network accessline 12
"node_modules/playwright-core": { "version": "1.61.1", "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.61.1.tgz", - Network accessline 13
"version": "1.61.1", "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.61.1.tgz", "integrity": "sha512-h7Qlt6m4REp25qvIdvbDtVmD4LqVXfpRxhORv9L0jzETM05p4fuPJ3dKyuSXQxDSbXnmS79HAgi9589lGSpLkg==", - Network accessline 14
"resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.61.1.tgz",
scripts/package.json
- Executable scriptline 1
Executable file
scripts/render-gif.mjs
- Executable scriptline 1
#!/usr/bin/env node
How the signals fit together
Facts from a static read of the files at the pinned commit. They describe what the code does, not why.
Some files could not be read; the facts below still hold.
Signal confidence: 15 facts
- Network access in prose of documentationREADME.md:11Low confidence
- Network access in prose of documentationREADME.md:40Low confidence
- Network access in code of documentationREADME.md:49Low confidence
- Network access in prose of documentationREADME.md:76Low confidence
- Network access in prose of documentationREADME.md:77Low confidence
- Network access in prose of documentationREADME.zh-CN.md:11Low confidence
- Network access in prose of documentationREADME.zh-CN.md:37Low confidence
- Network access in code of documentationREADME.zh-CN.md:46Low confidence
- Network access in prose of documentationREADME.zh-CN.md:73Low confidence
- Network access in prose of documentationREADME.zh-CN.md:74Low confidence
- Possible obfuscation in code of a file that runsassets/vendor/rough.js:1High confidence
- Executable script in code of a file that runsassets/vendor/rough.js:1High confidence
- Executable script in a comment of a file that runsassets/vendor/sketchify.js:1Low confidence
- Executable script in code of a file that runsscripts/package.json:1High confidence
- Executable script in code of a file that runsscripts/render-gif.mjs:1High confidence
Works with
| Agent | Status | Evidence | Install to |
|---|---|---|---|
| Claude Code | Native | Manifest .claude-plugin/marketplace.json | .claude/skills/<skill-name>/ |
| Codex | Compatible | Standard SKILL.md SKILL.md | .agents/skills/<skill-name>/ |
| Cursor | Compatible | Standard SKILL.md SKILL.md | .cursor/skills/<skill-name>/ |
| Gemini CLI | Compatible | Standard SKILL.md SKILL.md | .gemini/skills/<skill-name>/ |
| GitHub Copilot | Compatible | Standard SKILL.md SKILL.md | .github/skills/<skill-name>/ |
| OpenCode | Compatible | Standard SKILL.md SKILL.md | .opencode/skills/<skill-name>/ |
- Native The repository ships a manifest, folder or frontmatter field for this agent.
- Compatible A standard SKILL.md that this agent can read.
- Unknown No evidence either way.
Derived automatically from paths, manifests and frontmatter. Not tested on each agent.
