Menu

Individual skill

cs-pixel-explainer

0upvotes

把中文口播文案做成像素风 + 坐标系隐喻 + 打字机字幕的动画解说视频（含 edge-tts 配音）：先问 5 项输入、写分镜表与 3 张关键帧等确认，再写 spec.json、配音、逐帧渲染 1080p mp4。用户给文案并要像素风 / 注意力赌博那种风格、或确认是像素解说系列续集时使用；独立单片和其他风格走 $cs-code-video，暗夜星空知识片走 $cs-knowledge-film。

cs-pixel-explainer/SKILL.md

Read pinned source

Source commit e63cb26e58e2b307e3ff9a0ad834d3c1b1b65a90

What was checked

Matches the observed repository HEAD
Yes
Scanner rules are current
No
Repository scan complete
No
Skill scan complete
No
Observed behavior
Not checked yet
Last checked
Nov 8, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings)
208
Repository last updated
Nov 7, 2026
License
MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files
Read excerpt

<!-- CS Skills · 陈硕 | portable skill entry | https://github.com/ChenShuo2004/cs-skills -->

# cs-pixel-explainer：像素风动画解说视频

参考风格：夜晚像素街道 + 左上角「关系坐标」HUD + 打字机字幕 + 把道理抽象成坐标系/老虎机/网络图。
全部画面由代码绘制（Canvas），页面暴露 `window.render(t)`，Playwright 逐帧截图 + FFmpeg 合成 1080p MP4；配音用 edge-tts，每句真实时长驱动整条时间轴，字幕和动画自动对齐配音。

流程总览：**问 5 项输入 → 设计隐喻 → 分镜表（等确认）→ 3 张关键帧（等确认）→ 配音 → 逐场景制作自检 → 整片 → 交付**。

## 0. 引擎在哪

引擎 = `engine/` 目录下 5 个文件：`engine.html`（场景库）`timeline.mjs` `render.mjs` `tts.py` `配音.bat`。
按顺序找，找到一处即可，复制到工作目录 `~/pxe/engine/`：
Back to top