Individual skill
cs-web-promo-film
把真实网页做成 30–60 秒产品演示宣传片:Playwright 采集页面长截图,Remotion 用虚拟浏览器窗口做推进、平移、滚动和点击,渲染可交付 mp4,并可附口播稿。触发词包括 $cs-web-promo-film、网页宣传片、产品演示片、把这个网页做成视频、产品功能演示。不用于网页幻灯片、静态海报、真人出镜、电商对标复刻(改用 $cs-auto-videl)、ChatCut 策划或时间线剪辑(改用 $cs-chatcut)。
cs-web-promo-film/SKILL.md
Source commit e63cb26e58e2b307e3ff9a0ad834d3c1b1b65a90
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- No
- Repository scan complete
- No
- Skill scan complete
- Yes
- 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.
- testing Derived category
- testing-browser Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 8,797 bytesagents/openai.yamlasset · 402 bytesassets/capture.config.example.jsonasset · 577 bytesassets/promo-starter/src/Root.tsxruns · 504 bytesassets/promo-starter/src/index.tsruns · 109 bytesassets/promo-starter/src/promo/PromoFilm.tsxruns · 11,498 bytesassets/promo-starter/src/promo/Window.tsxruns · 5,335 bytesassets/promo-starter/src/promo/anim.tsruns · 1,862 bytesassets/promo-starter/src/promo/fonts.tsruns · 750 bytesassets/promo-starter/src/promo/tokens.tsruns · 1,564 bytesassets/promo-starter/src/promo/ui.tsxruns · 2,717 bytesreferences/camera.mddoc · 6,362 bytesreferences/capture.mddoc · 4,898 bytesreferences/motion-direction.mddoc · 3,601 bytesreferences/quality-checklist.mddoc · 3,079 bytesreferences/render-qa.mddoc · 4,316 bytesreferences/voiceover.mddoc · 3,456 bytesscripts/capture.mjsruns · 4,214 bytesscripts/find-region.mjsruns · 4,093 bytesscripts/luma-sweep.mjsruns · 2,692 bytesscripts/measure.mjsruns · 4,171 bytes
Read excerpt
<!-- CS Skills · 陈硕 | portable skill entry | https://github.com/ChenShuo2004/cs-skills -->
# CS 网页宣传片
把真实页面做成有「产品演示」质感的短片。核心主张:**不重绘产品界面,只决定镜头怎么看它**。片中每一个像素都是页面上真实存在的东西,可信度全部来自这一点。
## 交付边界
- 默认交付一个 Remotion 工程 + 一支 mp4:1920×1080、60fps、30–60 秒、H.264。
- 默认**无音轨**(留给后期配 BGM)。用户要 BGM 或口播时才加,且口播稿单独出 `VO.md`。
- 页面内容一律来自 Playwright 采集的长截图,禁止用 HTML/CSS 重画产品界面、禁止手打页面上的文案当作截图内容。
- 只拍匿名访客能真实打开的公开页面。付费浮层、cookie 条、站方广告可以在采集时隐藏,产品功能区不得改动。
- 调色(整体曝光)允许,改内容不允许。
- 不部署、不上传、不发布。仅在用户明确要求后导出其他规格或分发。