cs-pixel-explainer SKILL.md skillA

cs-pixel-explainer from chenshuo2004/cs-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add chenshuo2004/cs-skills/cs-pixel-explainer@git:20261006.c2a8989

Pins git:20261006.c2a8989 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
chenshuo2004/cs-skills
Path
cs-pixel-explainer/SKILL.md
Versions recorded
3
Latest version
git:20261006.c2a8989, committed Oct 6, 2026
First version recorded
Oct 3, 2026
Size
15,823 bytes
Repository stars
204
License
MIT

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

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

<!-- 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/`:

1. 本 skill 目录:[`engine/`](engine/)(从 GitHub 安装时就在这里;没有就 `git clone https://github.com/ChenShuo2004/cs-skills`,目录 `cs-pixel-explainer/engine/`)
2. 用户电脑(已关联时):读取用户提供的 engine 目录,通过当前可用文件工具获取;不假设固定电脑路径。
3. Project「陈硕 video」文档:`claude/pixel-explainer/engine.html` 等 → `project_read` 后写入文件

像素纯度参考实现:[`assets/reference-wizard.html`](assets/reference-wizard.html)(施法巫师,128×96 调色板索引缓冲、整数倍放大、10 张/秒姿势量化、预分配粒子池、固定步长重放的 render(t)、无缝循环)。新场景、新角色从它的写法起步。

运行依赖:node + playwright、ffmpeg、Noto CJK 字体;Playwright 需有 Chromium 浏览器,若未安装其自带浏览器,渲染脚本会尝试使用本机 Chrome。Claude Cowork 环境若已预装这些依赖,无需重复安装。配音需要 Python、`edge-tts` 和可访问语音服务的网络;`tts.py` 缺少 `edge-tts` 时会自动安装。
`配音.bat` 缺了就按下面内容重建(必须 CRLF 换行,UTF-8):
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add chenshuo2004/cs-skills/cs-pixel-explainer@sha256:1ffc33260ab1160d

The line at the top of this page pins the label git:20261006.c2a8989, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_fe55dmeadikp6uj6.svg)](https://markdownregistry.com/a/art_fe55dmeadikp6uj6)

3 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 3 versions of this file, between Oct 3, 2026 and Oct 6, 2026, about one every 2 days.

versioncommittedcommitsizeaudit
git:20261006.c2a8989 latest2026-10-06 c2a8989 15,823 BA view · diff
git:20261003.64acf962026-10-03 64acf96 16,106 BA view · diff
git:20261003.44a553d2026-10-03 44a553d 15,642 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (15823 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

chenshuo2004/cs-skills · 204 stars · license MIT · pushed 2026-10-08 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_fe55dmeadikp6uj6
GET https://markdownregistry.com/api/v1/resolve?ref=chenshuo2004/cs-skills/cs-pixel-explainer
GET https://markdownregistry.com/api/v1/blob/1ffc33260ab1160de1e680c4d014d65b10644df6a5bc7f75d60be58972512e23

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from chenshuo2004/cs-skills

AGENTS.md AGENTS.md file
chenshuo2004/cs-skills · AGENTS.md
git:20261001.0b27495 · audit A · 204 stars
cs-auto-videl SKILL.md skill
chenshuo2004/cs-skills · cs-auto-videl/SKILL.md · Use when the user types $cs-auto-videl or asks for Douyin/TikTok ecommerce video workflows, including competitor…
git:20261006.c2a8989 · audit A · 204 stars
cs-chatcut-video-blueprint SKILL.md skill
chenshuo2004/cs-skills · cs-chatcut-video-blueprint/SKILL.md · 将自媒体素材、内容想法或已有口播写成中文剧本与制作蓝图,附逐镜分镜、逐图图片提示词和按需的视频动作提示词。用于选题、剧本、分镜与制作前文本交接;不操作项目,不生成或导出媒体。
git:20261006.c2a8989 · audit A · 204 stars
cs-chatcut SKILL.md skill
chenshuo2004/cs-skills · cs-chatcut/SKILL.md · 当用户要规划一条 ChatCut 短视频,或需要从内容想法到首个 ChatCut 项目的零到一操作指引时使用:先选择最值得做的主题和唯一核心观点,再完成可确认的中文口播稿、素材清单、Motion Graphics…
git:20261006.c2a8989 · audit A · 204 stars
cs-checkpoint-version SKILL.md skill
chenshuo2004/cs-skills · cs-checkpoint-version/SKILL.md · Use when the user asks to save the current repository version, create a rollback point, checkpoint dirty worktree…
git:20261006.c2a8989 · audit A · 204 stars
cs-clean-code SKILL.md skill
chenshuo2004/cs-skills · cs-clean-code/SKILL.md · 整理代码、重构、审查实现、修复已定位问题或同步开发文档时使用。聚焦需求与业务行为、最小修改和本地验证;Git 或部署收尾由 cs-ending-time 处理。
git:20261006.c2a8989 · audit A · 204 stars
cs-code-story-video SKILL.md skill
chenshuo2004/cs-skills · cs-code-story-video/SKILL.md · 把中文口播、角色和参考素材制作成可验收的 16:9 代码叙事视频:A-roll 角色讲述、全屏场景 B-roll、真实音频时码、Remotion 样片与成片、3:4/4:3 杂志风封面。仅用于代码驱动的叙事视频,不替代 ChatCut…
git:20261006.c2a8989 · audit A · 204 stars
cs-code-video SKILL.md skill
chenshuo2004/cs-skills · cs-code-video/SKILL.md · 用代码做动画视频:页面暴露 render(t),Playwright 逐帧截图 + FFmpeg 合成 mp4,可接合成配乐、出图和配音。通用模式先明确主题、规格、风格和声音,出风格卡、分镜与关键帧后逐镜制作;Vibe知识大赏模式额外查证来…
git:20261006.c2a8989 · audit A · 204 stars
cs-codex-image SKILL.md skill
chenshuo2004/cs-skills · cs-codex-image/SKILL.md · 通过 Codex 内置生图生成或编辑图片,并将该能力接入 Claude Code、Claude 桌面版或其他本地 MCP Agent。用于 cs-codex-image、内置生图、不用 API Key 出图、Claude 调用 Codex…
git:20261006.438ac88 · audit A · 204 stars
cs-digital-human-product-video-pipeline SKILL.md skill
chenshuo2004/cs-skills · cs-digital-human-product-video-pipeline/SKILL.md · 当用户要把产品事实、口播、数字人、产品界面和 CTA 制作成可验收的数字人产品介绍视频时使用:统一预检 ChatCut、FFmpeg、ComfyUI、Fish/TTS 与 Remotion,按 plan、sample、batch…
git:20261006.c2a8989 · audit A · 204 stars
cs-ending-time SKILL.md skill
chenshuo2004/cs-skills · cs-ending-time/SKILL.md · 完成已实现功能的验证、Git 提交/推送、PR 或部署交付。按用户在会话中已授权的动作执行,核对仓库、提交与真实部署结果;单纯本地收尾不自动公开发布。
git:20261006.c2a8989 · audit A · 204 stars
cs-frontend-design SKILL.md skill
chenshuo2004/cs-skills · cs-frontend-design/SKILL.md · 设计、实现、迭代或评审真实前端页面与交互流程,包括 SaaS、仪表盘、编辑器、落地页和可视化工具。关注产品任务、现有设计语言、可达状态与浏览器验证;不用于纯后端工作。
git:20261006.c2a8989 · audit A · 204 stars

Every file in chenshuo2004/cs-skills

Browse by kind, by grade A, or by owner.