Menu

Not in the top 1,000 by GitHub stars

threerocks/sweety-statechart-video

格物 · 蜡笔状态图：一句话做一部会动的蜡笔状态图短片。3:4、2-3 分钟、四款合成旁白（可加自己的声音）、每章一张海报；支持 Codex、Claude Code、Grok 等，可批量出片。

Engineering

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

skills/sweety-statechart-video/SKILL.md

Week of Nov 2, 2026 · Line counts unavailable

Before Not checked yet → After Local scripts

First observation → e62d044f5eff

No earlier version was observed for comparison.

Compare on GitHub

View on GitHubAdd to my skills

Verified commit e62d044f5eff5fb349470c094a06b397f6444dcb

60GitHub stars
Not availablestars in 7 days
1skill in this repository
58commits in 30 days

Heat

Insufficient history

Not enough history yet to measure heat. It appears after a few days of data.

Heat never changes the order by stars, and sponsorship never touches it. How heat works

Stars over time

Nov 3, 2026Nov 6, 202660

30-day change not yet available: not enough history.

Individual skills in this repository

How it works

sweety-statechart-video

When your agent uses it

格物 · 蜡笔状态图——把一个流程、一门生意、一个系统做成“蜡笔状态图短片”：照 Ann Nguyen 的 the making of nhang（一页往下长的蜡笔海报，票据卡片带图钉，箭头带事件和红色[条件]，小圆点沿箭头跑、字逐个打出、卡片弹出套粉圈，线条一直在抖，四周插画一直在动）来做，配四款纯合成旁白（也可加自己的声音），默认 3:4、2-3 分钟（比例和时长都可指定），每章一张可直接发图的海报；片子只写数据和场景脚本，可批量出片。用于“状态图视频”“状态图海报”“手绘流程图解”“把一个过程讲清楚”；不用于写实动画、口播讲解片或纯静态信息图。

What it loads into context

Frontmatter

226 tokens

Always available to the agent

SKILL.md

2,862 tokens

When the skill is activated

Reference documents

9,371 tokens

Loaded on request

Token counts are estimates. Scripts run separately; they are not counted as reference context.

The playbook

  1. 片子是什么样的
  2. 运行方式（所有平台通用）
  3. 流程
  4. 硬规则
  5. 默认值和开关
  6. 运行与边界

Scripts executed separately

  • engine/crayon/chart.js
  • engine/crayon/film.js
  • engine/crayon/ink.js
  • engine/crayon/layout.js
  • engine/crayon/main.js
  • engine/crayon/people.js
  • engine/crayon/player.js
  • engine/crayon/props.js
  • examples/intro/scenes.js
  • examples/message/scenes.js
  • examples/takeout/scenes.js
  • scripts/add_voice.py
  • scripts/asr.py
  • scripts/audio_doctor.py
  • scripts/audio_env.py
  • scripts/audio_gate.py
  • scripts/design_voice.py
  • scripts/meter.py
  • scripts/mix.py
  • scripts/modelcheck.py
  • scripts/music.py
  • scripts/music_synth.py
  • scripts/scv.py
  • scripts/setup.sh
  • scripts/smoke_test.py
  • scripts/voice.py

Files

  • SKILL.mdcore9,130 bytes
  • VERSIONasset6 bytes
  • agents/openai.yamlasset431 bytes
  • assets/voices/blueprint-guy.txtdoc154 bytes
  • assets/voices/blueprint-guy.wavasset1,129,004 bytes
  • assets/voices/catalog.jsonasset7,456 bytes
  • assets/voices/crayon-sister.txtdoc154 bytes
  • assets/voices/crayon-sister.wavasset1,267,244 bytes
  • assets/voices/designs.jsonasset2,449 bytes
  • assets/voices/old-master.txtdoc154 bytes
  • assets/voices/old-master.wavasset1,798,604 bytes
  • assets/voices/previews/blueprint-guy.wavasset577,484 bytes
  • assets/voices/previews/crayon-sister.wavasset714,284 bytes
  • assets/voices/previews/old-master.wavasset891,404 bytes
  • assets/voices/previews/sunny-girl.wavasset676,844 bytes
  • assets/voices/sunny-girl.txtdoc154 bytes
  • assets/voices/sunny-girl.wavasset1,329,164 bytes
  • engine/crayon/chart.jsruns7,354 bytes
  • engine/crayon/film.jsruns13,403 bytes
  • engine/crayon/ink.jsruns18,246 bytes
  • engine/crayon/layout.jsruns35,415 bytes
  • engine/crayon/main.jsruns5,072 bytes
  • engine/crayon/people.jsruns20,965 bytes
  • engine/crayon/player.jsruns8,750 bytes
  • engine/crayon/props.jsruns57,020 bytes
  • engine/fonts/CourierPrime-Bold.ttfasset72,856 bytes
  • engine/fonts/CourierPrime-BoldItalic.ttfasset80,872 bytes
  • engine/fonts/CourierPrime-Italic.ttfasset79,980 bytes
  • engine/fonts/CourierPrime-OFL.txtdoc4,403 bytes
  • engine/fonts/CourierPrime-Regular.ttfasset71,188 bytes
  • engine/fonts/LXGWWenKai-500.woffasset2,098,296 bytes
  • engine/fonts/LXGWWenKai-OFL.txtdoc4,430 bytes
  • engine/fonts/SpecialElite-LICENSE.txtdoc11,358 bytes
  • engine/fonts/SpecialElite-Regular.ttfasset166,180 bytes
  • examples/intro/film.jsonasset11,878 bytes
  • examples/intro/scenes.jsruns17,722 bytes
  • examples/message/film.jsonasset6,378 bytes
  • examples/message/scenes.jsruns10,143 bytes
  • examples/takeout/film.jsonasset9,812 bytes
  • examples/takeout/scenes.jsruns14,269 bytes
  • references/film-spec.mddoc6,029 bytes
  • references/platforms.mddoc2,180 bytes
  • references/scenes.mddoc9,842 bytes
  • references/story-design.mddoc5,051 bytes
  • references/voices.mddoc4,165 bytes
  • scripts/add_voice.pyruns6,934 bytes
  • scripts/asr.pyruns12,710 bytes
  • scripts/audio_doctor.pyruns5,520 bytes
  • scripts/audio_env.pyruns5,977 bytes
  • scripts/audio_gate.pyruns10,606 bytes
  • scripts/design_voice.pyruns10,195 bytes
  • scripts/meter.pyruns4,482 bytes
  • scripts/mix.pyruns16,850 bytes
  • scripts/modelcheck.pyruns8,114 bytes
  • scripts/music.pyruns3,427 bytes
  • scripts/music_synth.pyruns22,751 bytes
  • scripts/scv.pyruns38,422 bytes
  • scripts/setup.shruns1,047 bytes
  • scripts/smoke_test.pyruns2,981 bytes
  • scripts/voice.pyruns40,503 bytes
Read SKILL.md

# 格物 · 蜡笔状态图

一格一格，把事情讲明白。

**标准是参考作品**：Ann Nguyen 的 *the making of nhang*（TypingMind 上的动态状态图；她的视频就是这一页的录屏）。我们按同样的手法自己写了画法和播放器，不含她的代码。拿不准时，回去看参考页面，以它为准；我们的老项目只当工具箱。

交付：`outputs/film.mp4`（默认 3:4 即 1080×1440、30 fps、2–3 分钟，带旁白）、`outputs/posters/01.png…`（每章一张 2000×2666 的完整海报）、`outputs/cover.png`、`script.txt`、`editing/captions.srt`。

## 片子是什么样的

- **一页纸往下长。** 每章一张 3:4 海报，首尾相接：上一章的出口箭头从海报底边伸出去，正好接进下一章顶上。
- **海报**：
  - 左上角是页眉：`系列 · II`、大标题、一行副标题、一行红色小字（英文或别的语言）；
  - 中间是状态图：奶油色票据卡片，锯齿底边，蓝色阴影，顶上一枚彩色图钉，左上角一行红色小标签；
View the complete source on GitHub

Skills included

  • sweety-statechart-video

Repository facts

License
MIT
Created
Nov 3, 2026
Last pushed
Nov 4, 2026
Forks
10
Open issues
0
Project activity
Active

Before you install

Local scripts

Automated signals, not a guarantee

Checked Nov 6, 2026

Show all 51 signals by file

skills/sweety-statechart-video/engine/crayon/chart.js

  • Executable scriptline 1
    Executable file

skills/sweety-statechart-video/engine/crayon/film.js

  • Executable scriptline 1
    Executable file

skills/sweety-statechart-video/engine/crayon/ink.js

  • Executable scriptline 1
    Executable file
  • Dangerous shell operationline 215
    const Rm = Math.hypot(Math.max(Math.abs(b.x0 - hx), Math.abs(b.x1 - hx)), Math.max(Math.abs(b.y0 - hy), Math.abs(b.y1 - hy))) + 4;
  • Dangerous shell operationline 222
    const a = a0 + (a1 - a0) * (i + rnd(-.4, .4)) / n, r0 = rnd(0, Rm * (o.inner ?? .1)), r1 = Rm * rnd(.75, 1.05), bend = rnd(-.04, .04);

skills/sweety-statechart-video/engine/crayon/layout.js

  • Executable scriptline 1
    Executable file

skills/sweety-statechart-video/engine/crayon/main.js

  • Executable scriptline 1
    Executable file

skills/sweety-statechart-video/engine/crayon/people.js

  • Executable scriptline 1
    Executable file

skills/sweety-statechart-video/engine/crayon/player.js

  • Executable scriptline 1
    Executable file

skills/sweety-statechart-video/engine/crayon/props.js

  • Executable scriptline 1
    Executable file

skills/sweety-statechart-video/engine/fonts/CourierPrime-OFL.txt

  • Network accessline 1
    Copyright 2015 The Courier Prime Project Authors (https://github.com/quoteunquoteapps/CourierPrime).
  • Network accessline 3
    This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL
  • Network accessline 5
    http://scripts.sil.org/OFL

skills/sweety-statechart-video/engine/fonts/LXGWWenKai-OFL.txt

  • Network accessline 4
    This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL
  • Network accessline 6
    http://scripts.sil.org/OFL

skills/sweety-statechart-video/engine/fonts/SpecialElite-LICENSE.txt

  • Network accessline 2
    Apache License                            Version 2.0, January 2004                         http://www.apache.org/licenses/
  • Network accessline 4
    http://www.apache.org/licenses/
  • Network accessline 196
    http://www.apache.org/licenses/LICENSE-2.0

skills/sweety-statechart-video/examples/intro/scenes.js

  • Executable scriptline 1
    Executable file

skills/sweety-statechart-video/examples/message/scenes.js

  • Executable scriptline 1
    Executable file

skills/sweety-statechart-video/examples/takeout/scenes.js

  • Executable scriptline 1
    Executable file

skills/sweety-statechart-video/scripts/add_voice.py

  • Executable scriptline 1
    #!/usr/bin/env python3

skills/sweety-statechart-video/scripts/asr.py

  • Executable scriptline 1
    Executable file

skills/sweety-statechart-video/scripts/audio_doctor.py

  • Executable scriptline 1
    #!/usr/bin/env python3

skills/sweety-statechart-video/scripts/audio_env.py

  • Executable scriptline 1
    Executable file
  • Access to secretsline 21
    [Credential-related source omitted]
  • Access to secretsline 24
    [Credential-related source omitted]
  • Access to secretsline 25
    [Credential-related source omitted]
  • Access to secretsline 26
    [Credential-related source omitted]
  • Access to secretsline 27
    [Credential-related source omitted]
  • Access to secretsline 32
    [Credential-related source omitted]
  • Access to secretsline 33
    [Credential-related source omitted]
  • Access to secretsline 34
    [Credential-related source omitted]
  • Access to secretsline 45
    [Credential-related source omitted]
  • Access to secretsline 46
    [Credential-related source omitted]
  • Access to secretsline 54
    [Credential-related source omitted]
  • Access to secretsline 101
    [Credential-related source omitted]

skills/sweety-statechart-video/scripts/audio_gate.py

  • Executable scriptline 1
    #!/usr/bin/env python3

skills/sweety-statechart-video/scripts/design_voice.py

  • Executable scriptline 1
    #!/usr/bin/env python3

skills/sweety-statechart-video/scripts/meter.py

  • Executable scriptline 1
    Executable file

skills/sweety-statechart-video/scripts/mix.py

  • Executable scriptline 1
    #!/usr/bin/env python3

skills/sweety-statechart-video/scripts/modelcheck.py

  • Executable scriptline 1
    Executable file

skills/sweety-statechart-video/scripts/music.py

  • Executable scriptline 1
    #!/usr/bin/env python3

skills/sweety-statechart-video/scripts/music_synth.py

  • Executable scriptline 1
    Executable file

skills/sweety-statechart-video/scripts/scv.py

  • Executable scriptline 1
    #!/usr/bin/env python3
  • Access to secretsline 43
    [Credential-related source omitted]
  • Access to secretsline 44
    [Credential-related source omitted]
  • Possible obfuscationline 364
    return base64.b64decode(data.split(',', 1)[1])

skills/sweety-statechart-video/scripts/setup.sh

  • Executable scriptline 1
    #!/bin/bash

skills/sweety-statechart-video/scripts/smoke_test.py

  • Executable scriptline 1
    #!/usr/bin/env python3

skills/sweety-statechart-video/scripts/voice.py

  • Executable scriptline 1
    #!/usr/bin/env python3

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.

Signal confidence: 51 facts

and 1 more

Works with

Agent compatibility, from the files in this repository
AgentStatusEvidenceInstall to
Claude CodeCompatibleStandard SKILL.md skills/sweety-statechart-video/SKILL.md.claude/skills/<skill-name>/
CodexCompatibleStandard SKILL.md skills/sweety-statechart-video/SKILL.md.agents/skills/<skill-name>/
CursorCompatibleStandard SKILL.md skills/sweety-statechart-video/SKILL.md.cursor/skills/<skill-name>/
Gemini CLICompatibleStandard SKILL.md skills/sweety-statechart-video/SKILL.md.gemini/skills/<skill-name>/
GitHub CopilotCompatibleStandard SKILL.md skills/sweety-statechart-video/SKILL.md.github/skills/<skill-name>/
OpenCodeCompatibleStandard SKILL.md skills/sweety-statechart-video/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.

You might also use

Vincentwei1021/anything2explainer

给一个主题，产出一条黑底 MG 风格（幕底可选星点或点阵波）、有配音字幕章节进度条的科普讲解视频（中文或英文；Remotion 代码动画；时长由用户定，常用 3–5 分钟）。内含可编译模板、图元库…

3.1kGitHub stars

oil-oil/oil-motion

把 AI 生成或已有的视频、序列帧变成随滚动、指针、拖动、触摸、设备方向、音频、数据或状态变化的网页动画：设计动作方向，生成关键帧与视频，整理成图集或视频，编译时间轴并接入运行时。用…

2.8kGitHub stars

AmirSbss/spotlight

Open-source Agent Skill that turns a website, phone clips or a CSV into a finished short video: launch videos, promo reels and narrated explainers, made by Claude Code, Codex CLI …

15GitHub stars

HeyChengC/vibe-knowledge-film

抖音「Vibe知识大赏」式的无旁白知识短片：2–5 分钟、16:9、没有人声，观众读底部一行字幕，同时看屏上把这句话演出来。 核心是讲解设计：给每个概念找一个外行认得的形象，画得像它本身（不用…

1.1kGitHub stars

HeyChengC/wallstreet-explainer

华尔街式财经/科技解读短片 skill：设计思路、风格语言，以及找片、截图、配音、渲染和混音工具。

618GitHub stars

krisyangdev/motionboard

Shot language from Apple and Linear launch films, rebuilt in code for your agent. 38 recipes and a skill for making product launch films.

57GitHub stars