#843 by GitHub stars

feicaiclub/video-spec-builder

当用户说想做一个视频、宣传片、产品演示、动画短片、抖音/YouTube 内容，或者说要改分镜、调节奏、换镜头、调字幕、加配音、改转场时使用。通过苏格拉底式追问收集视频需求，主动激发渲染层的全部能力（TTS / 字幕 / 3D / shader / 音频反应等），输出标准化的 video-spec.md 用于渲染。

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

`SKILL.md`

Week of Nov 2, 2026 · +0 / −0 lines

Before Network or broad shell → After Network or broad shell

9e73275b35e8 → 9e73275b35e8

Compare on GitHub

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Network or broad shell

First observation → 9e73275b35e8

No earlier version was observed for comparison.

Compare on GitHub

View on GitHub Add to my skills

Verified commit 9e73275b35e827b8f7af4bca900790909d86e63e

1.1kGitHub stars

14stars in 7 days

1skill in this repository

0commits in 30 days

Heat

5.7

Star growth, last 7 daysAhead of 87% of tracked repositories
Star growth, last 24 hoursAhead of 94% of tracked repositories
Rank movement, last 7 daysAhead of 36% of tracked repositories
Commits, last 30 daysAhead of 0% of tracked repositories
Accounts asking about it through MCP, last 7 daysNot available
Hot votes this weekAhead of 0% of tracked repositories

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

Stars over time

Individual skills in this repository

video-spec-builder /

How it works

video-spec-builder

When your agent uses it

当用户说想做一个视频、宣传片、产品演示、动画短片、抖音/YouTube 内容，或者说要改分镜、调节奏、换镜头、调字幕、加配音、改转场时使用。通过苏格拉底式追问收集视频需求，主动激发渲染层的全部能力（TTS / 字幕 / 3D / shader / 音频反应等），输出标准化的 video-spec.md 用于渲染。

What it loads into context

Frontmatter

119 tokens

Always available to the agent

SKILL.md

5,894 tokens

When the skill is activated

Reference documents

76,892 tokens

Loaded on request

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

The playbook

Scripts executed separately

Full Code/app.jsx
Full Code/sections/aroll.jsx
Full Code/sections/broll-abstract.jsx
Full Code/sections/broll-charts.jsx
Full Code/sections/broll-flows.jsx
Full Code/sections/broll-hero.jsx
Full Code/sections/broll-structure.jsx
Full Code/sections/broll-structures2.jsx
Full Code/sections/broll-thinking.jsx
Full Code/sections/broll-ui.jsx
Full Code/sections/foundation.jsx
Full Code/sections/illustrations.jsx
Full Code/tweaks-panel.jsx

Files

.gitignoreasset50 bytes
Full Code/app.jsxruns6,543 bytes
Full Code/sections/aroll.jsxruns11,964 bytes
Full Code/sections/broll-abstract.jsxruns16,675 bytes
Full Code/sections/broll-charts.jsxruns29,750 bytes
Full Code/sections/broll-flows.jsxruns22,515 bytes
Full Code/sections/broll-hero.jsxruns11,065 bytes
Full Code/sections/broll-structure.jsxruns12,257 bytes
Full Code/sections/broll-structures2.jsxruns17,148 bytes
Full Code/sections/broll-thinking.jsxruns20,198 bytes
Full Code/sections/broll-ui.jsxruns15,670 bytes
Full Code/sections/foundation.jsxruns18,503 bytes
Full Code/sections/illustrations.jsxruns15,555 bytes
Full Code/styles.cssasset11,038 bytes
Full Code/tokens.cssasset4,033 bytes
Full Code/tweaks-panel.jsxruns25,807 bytes
LICENSEasset1,067 bytes
README.mddoc12,620 bytes
README.zh.mddoc11,521 bytes
SKILL.mdcore21,163 bytes
examples/video-spec-spacex.mddoc38,896 bytes
references/components-catalog.mddoc39,698 bytes
references/dialogue-style.mddoc7,375 bytes
references/pacing-rules.mddoc12,174 bytes
references/question-bank.mddoc62,683 bytes
references/scene-breakdown.mddoc26,368 bytes
references/spec-rules.mddoc6,732 bytes
references/workflow-0-1.mddoc10,160 bytes
references/workflow-iteration.mddoc3,569 bytes
spec-mono/design.mddoc6,206 bytes
spec-mono/spec-mono-components.mddoc9,822 bytes
spec-mono/tokens.cssasset11,496 bytes
templates/video-spec-template.mddoc5,646 bytes

Read SKILL.md


[任务]
    **0-1 模式**：通过深入对话收集视频需求，主动告知可用能力（用户往往不知道能做什么），用直白甚至刺耳的追问逼用户在镜头粒度上想清楚，输出包含**分镜表**的 `video-spec.md`。

    **迭代模式**：用户对已有 video-spec.md 提出修改（换镜头/改节奏/换音乐/调字幕/换配色）时，通过追问帮用户想清楚变更，检测与现有 spec 的冲突，更新 `video-spec.md`。

[启动检查]
    1. 扫描项目目录查找 video-spec 文档：
        - 精确匹配：`video-spec.md`
        - 模糊匹配：`*video-spec*.md`、`*分镜*.md`、`*storyboard*.md`
        - 找到 1 个 → 迭代模式（read `references/workflow-iteration.md`）
        - 找到多个 → 列出文件名问用户"你要改的是哪个？"
        - 没找到 → 0-1 模式（read `references/workflow-0-1.md`）
    2. 检查项目根目录有没有 `design.md` / `DESIGN.md`（自定义主题文件；视觉风格阶段才用到，启动时不强制）

View the complete source on GitHub

Skills included

video-spec-builder

Repository facts

License: MIT
Created: May 16, 2026
Last pushed: May 18, 2026
Forks: 126
Open issues: 2
Project activity: Slowing

Rank over the last 12 weeks

Now #843 · best #610 · down 104 in 30 days

#834 on Nov 1
#838 on Nov 2
#841 from Nov 3 to Nov 4
#842 on Nov 5
#839 on Nov 6
#843 since Nov 7

72 earlier periods

#598 on Aug 2
#586 on Aug 8
#591 on Aug 9
#623 on Aug 10
#627 on Aug 11
#628 on Aug 12
#630 on Aug 13
#626 on Aug 14
#607 on Aug 15
#619 on Aug 16
#625 on Aug 17
#642 on Aug 18
#624 on Aug 19
#623 on Aug 20
#629 on Aug 21
#631 on Aug 23
#641 on Aug 24
#651 on Aug 25
#635 on Aug 26
#641 on Aug 27
#661 on Aug 28
#612 on Aug 29
#610 on Aug 30
#642 on Aug 31
#654 on Sep 1
#641 from Sep 2 to Sep 3
#617 on Sep 5
#632 on Sep 6
#668 on Sep 8
#657 on Sep 9
#661 on Sep 10
#647 on Sep 11
#650 on Sep 12
#648 on Sep 13
#672 on Sep 14
#658 on Sep 15
#669 on Sep 16
#668 on Sep 17
#666 on Sep 18
#653 on Sep 20
#671 on Sep 21
#684 on Sep 22
#679 on Sep 23
#651 on Sep 24
#643 on Sep 25
#667 on Sep 27
#676 on Sep 28
#715 on Sep 29
#695 on Sep 30
#655 on Oct 1
#646 on Oct 3
#676 on Oct 4
#682 on Oct 5
#687 on Oct 6
#739 on Oct 8
#697 on Oct 10
#693 on Oct 11
#709 on Oct 12
#711 on Oct 13
#725 on Oct 14
#724 on Oct 16
#702 on Oct 17
#696 on Oct 18
#733 on Oct 19
#727 on Oct 22
#729 on Oct 23
#697 on Oct 24
#820 on Oct 25
#825 on Oct 28
#827 on Oct 29
#831 on Oct 30
#832 on Oct 31

Before you install

Network or broad shell

Automated signals, not a guarantee

Checked Nov 4, 2026

No broad tool permissions
No dangerous shell commands
18 network referencesin 6 files: README.md:1 README.zh.md:1 Full Code/tweaks-panel.jsx:87 and 3 more
No hidden or obfuscated text
No instruction overrides
13 executable scriptsin 13 files: Full Code/app.jsx:1 Full Code/sections/aroll.jsx:1 Full Code/sections/broll-abstract.jsx:1 and 10 more
No access to secrets
No requests to vote in Hot

Show all 31 signals by file

`Full Code/app.jsx`

Executable scriptline 1
```
Executable file
```

`Full Code/sections/aroll.jsx`

Executable scriptline 1
```
Executable file
```

`Full Code/sections/broll-abstract.jsx`

Executable scriptline 1
```
Executable file
```

`Full Code/sections/broll-charts.jsx`

Executable scriptline 1
```
Executable file
```

`Full Code/sections/broll-flows.jsx`

Executable scriptline 1
```
Executable file
```

`Full Code/sections/broll-hero.jsx`

Executable scriptline 1
```
Executable file
```

`Full Code/sections/broll-structure.jsx`

Executable scriptline 1
```
Executable file
```

`Full Code/sections/broll-structures2.jsx`

Executable scriptline 1
```
Executable file
```

`Full Code/sections/broll-thinking.jsx`

Executable scriptline 1
```
Executable file
```

`Full Code/sections/broll-ui.jsx`

Executable scriptline 1
```
Executable file
```

`Full Code/sections/foundation.jsx`

Executable scriptline 1
```
Executable file
```

`Full Code/sections/illustrations.jsx`

Executable scriptline 1
```
Executable file
```

`Full Code/tweaks-panel.jsx`

Executable scriptline 1
```
Executable file
```

Network accessline 87

.twk-field:focus{border-color:rgba(0,0,0,.25);background:rgba(255,255,255,.85)}   select.twk-field{padding-right:22px;     background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='

Network accessline 88

select.twk-field{padding-right:22px;     background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='rgba(0,0,0,.5)' d='M0 0h10L5 6z'/></svg>");     background-r

Network accessline 89

background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='rgba(0,0,0,.5)' d='M0 0h10L5 6z'/></svg>");

`README.md`

Network accessline 1

<img width="2172" height="724" alt="ChatGPT Image May 16, 2026, 10_46_58 PM" src="https://github.com/user-attachments/assets/7820d93e-84b6-4e09-904c-9567c6595c57" />

Network accessline 7

[![License: MIT](https://img.shields.io/badge/License-MIT-brightgreen)](LICENSE) ![Agent Agnostic](https://img.shields.io/badge/Agent-Agnostic-blueviolet) [![skills.sh Compatible](https://img.shields.io/badge/skills.sh-Compatible-brightgree

Network accessline 172

Download to see complete design [视频组件库 v2 · 硅谷暗色科技风.pdf](https://github.com/user-attachments/files/27866436/v2.pdf)

Network accessline 173

<img width="1020" height="1440" alt="视频组件库 v2 · 硅谷暗色科技风" src="https://github.com/user-attachments/assets/bef576da-73ba-4bad-a9c4-3c673e652eaa" />

`README.zh.md`

Network accessline 1

<img width="2172" height="724" alt="ChatGPT Image May 16, 2026, 10_46_58 PM" src="https://github.com/user-attachments/assets/7820d93e-84b6-4e09-904c-9567c6595c57" />

Network accessline 7

[![License: MIT](https://img.shields.io/badge/License-MIT-brightgreen)](LICENSE) ![Agent Agnostic](https://img.shields.io/badge/Agent-Agnostic-blueviolet) [![skills.sh Compatible](https://img.shields.io/badge/skills.sh-Compatible-brightgree

Network accessline 172

下载浏览完整主题设计 [视频组件库 v2 · 硅谷暗色科技风.pdf](https://github.com/user-attachments/files/27866485/v2.pdf)

Network accessline 173

<img width="1020" height="1440" alt="视频组件库 v2 · 硅谷暗色科技风" src="https://github.com/user-attachments/assets/55013ef0-946b-46da-812c-f6e9e5f47ed9" />

`examples/video-spec-spacex.md`

Network accessline 102

- 源平台：Pixabay Music   关键词：已选定 Minimal Tech Ambient (Main)（https://pixabay.com/music/upbeat-minimal-tech-ambient-main-9899/）

Network accessline 103

关键词：已选定 Minimal Tech Ambient (Main)（https://pixabay.com/music/upbeat-minimal-tech-ambient-main-9899/）

`references/components-catalog.md`

Network accessline 386

何时用：演示 Web 产品（claude.ai 等）· URL + 页面内容同时强调 · 多 tab 场景。     何时不用：桌面应用（→ terminal / code-editor）· 没有 URL（→ placeholder）· 仅强调输入框（→ api-call）。     内容期待：当前 URL（不含 https://）· 3 个 tab 标题（选中哪个）· viewport 内的主标 + CTA 文案 · 是否带 LIVE 标签。

Network accessline 388

内容期待：当前 URL（不含 https://）· 3 个 tab 标题（选中哪个）· viewport 内的主标 + CTA 文案 · 是否带 LIVE 标签。

`spec-mono/spec-mono-components.md`

Network accessline 84

- **terminal**：mono 字体(画面内约 30px);`surface` 底 + hairline 边;光标 10×18 实块 · 1s blink · accent;打字 60ms/字符;尾部 tokens/延迟/成本注脚走 `fg 42%`。 - **chat-thread**：user 气泡右对齐 · accent 描边 · 透明底;AI 气泡左对齐 · surface 填充 · 无边;最大宽度 70%;流式末尾光标 ▍。 - **browser**：三点

Network accessline 85

- **chat-thread**：user 气泡右对齐 · accent 描边 · 透明底;AI 气泡左对齐 · surface 填充 · 无边;最大宽度 70%;流式末尾光标 ▍。 - **browser**：三点 + tab 行 + URL 框全部 hairline;URL 用 mono、不显示 `https://`;CTA 用正方形 accent 按钮;不放 favicon。 - **code-editor**：keyword=accent / string=`fg

Network accessline 86

- **browser**：三点 + tab 行 + URL 框全部 hairline;URL 用 mono、不显示 `https://`;CTA 用正方形 accent 按钮;不放 favicon。

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.

No combined signals at this commit.

Works with

Agent compatibility, from the files in this repository
Agent	Status	Evidence	Install to
Claude Code	Compatible	Standard SKILL.md SKILL.md	`.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.

Explore alternatives and comparisons

Add this badge to your README

It updates every night and links to this page.

[![feicaiclub/video-spec-builder on hotskills](https://hotskills.dev/badge/feicaiclub-video-spec-builder.svg)](https://hotskills.dev/skill/feicaiclub-video-spec-builder/)

feicaiclub/video-spec-builder

History

SKILL.md

Share this page

Heat

Stars over time

Individual skills in this repository

How it works

video-spec-builder

Frontmatter

SKILL.md

Reference documents

The playbook

Scripts executed separately

Files

Skills included

Repository facts

Rank over the last 12 weeks

Before you install

Full Code/app.jsx

Full Code/sections/aroll.jsx

Full Code/sections/broll-abstract.jsx

Full Code/sections/broll-charts.jsx

Full Code/sections/broll-flows.jsx

Full Code/sections/broll-hero.jsx

Full Code/sections/broll-structure.jsx

Full Code/sections/broll-structures2.jsx

Full Code/sections/broll-thinking.jsx

Full Code/sections/broll-ui.jsx

Full Code/sections/foundation.jsx

Full Code/sections/illustrations.jsx

Full Code/tweaks-panel.jsx

README.md

README.zh.md

examples/video-spec-spacex.md

references/components-catalog.md

spec-mono/spec-mono-components.md

How the signals fit together

Works with

You might also use

mattpocock/skills

obra/superpowers

NousResearch/hermes-agent

multica-ai/andrej-karpathy-skills

anthropics/skills

DietrichGebert/ponytail

Explore alternatives and comparisons

Add this badge to your README

`SKILL.md`

`Full Code/app.jsx`

`Full Code/sections/aroll.jsx`

`Full Code/sections/broll-abstract.jsx`

`Full Code/sections/broll-charts.jsx`

`Full Code/sections/broll-flows.jsx`

`Full Code/sections/broll-hero.jsx`

`Full Code/sections/broll-structure.jsx`

`Full Code/sections/broll-structures2.jsx`

`Full Code/sections/broll-thinking.jsx`

`Full Code/sections/broll-ui.jsx`

`Full Code/sections/foundation.jsx`

`Full Code/sections/illustrations.jsx`

`Full Code/tweaks-panel.jsx`

`README.md`

`README.zh.md`

`examples/video-spec-spacex.md`

`references/components-catalog.md`

`spec-mono/spec-mono-components.md`