All skills
iflytek avatar

/animated-sketch-diagram

@c57c7f4
by iflytekiflytek/ifly-skills218 stars
27

生成"黑墨手绘涂鸦"风格的动画架构图/流程图:米色纸面、针管笔墨线、极淡水洗色块、简笔涂鸦图标、序号章、连线上的流动圆点动画、图标微动效。产出单文件自包含动画 HTML(SVG+CSS),可一键导出无缝循环 GIF。当用户想画架构图、流程图、信息图、技术示意图、对比图、pipeline/workflow 可视化,或提到"手绘风""涂鸦风""动图""animated diagram""GIF 架构图"时使用;即使用户没明说要动画,做技术概念科普配图时也应优先考虑本 skill。

  • 17 files
  • 254 KB
  • Updated 2 months ago
  • GitHub

Use this Skill: https://skilld.dev/gh/iflytek/ifly-skills/animated-sketch-diagram

This session only. Nothing lands on disk.

assetsfonts-cnREADME.md

≈125 tokens on demand. Your agent reads this file only when SKILL.md points to it.

CJK font (downloaded on demand)

LXGWWenKaiScreen.ttf (~24 MB, SIL OFL 1.1) is not committed here to keep the repository light. Download it once before rendering diagrams with Chinese/CJK labels:

curl -L -o LXGWWenKaiScreen.ttf \
  https://github.com/OLDyade/animated-sketch-diagram/raw/main/assets/fonts-cn/LXGWWenKaiScreen.ttf

The build step subsets it to only the characters actually used (a few dozen KB inlined into the output HTML). Latin-only diagrams do not need this file.

Source: SKILL.md on GitHub

No third-party reports yet.

Signed by skilld at c57c7f4. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub yesterday.

Activeupdated 2 months ago
Other metadata
metadata
{
  "homepage": "https://github.com/OLDyade/animated-sketch-diagram",
  "openclaw": "{\"emoji\": \"✏️\", \"dimensions\": [\"手绘动画架构图\", \"图表可视化\"], \"user_instructions\": [\"帮我画一张架构图动图\", \"画一张手绘风流程图\", \"把这个概念画成动画示意图\"], \"requires\": {\"bins\": [\"node\", \"ffmpeg\"]}}"
}

README badge

README badge for iflytek/ifly-skills/animated-sketch-diagram