video-shotcraft
byvincentwei1021· 1 skill
Create cinematic product videos from shot recipe cards, a validated template, and code/audio assets (Remotion + real page screenshots + 2.5D camera moves + beat-synced cuts + sound design). Use when the user asks to turn a frontend project or webpage into a product video, says "use video-shotcraft to make a video/promo", names the Ink Press template or asks to reproduce its effect, or wants a single shot card's motion. 用镜头配方卡 + 已验收模板 + 代码/音频资产制作电影感产品视频（Remotion + 真实页面截图 + 2.5D 运镜 + 节奏卡点 + 声音设计）。当用户要求"用 video-shotcraft 做视频/宣传片"、把前端项目/网页做成产品视频、点名 Ink Press 模板或要求复刻模板片效果，或要用镜头卡做单个动效镜头时使用。
How to install video-shotcraft?
vincentwei1021/video-shotcraft
$npx -y skills add vincentwei1021/video-shotcraft --skill video-shotcraftInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Run `npx skills use "https://github.com/vincentwei1021/video-shotcraft" --skill "vincentwei1021/video-shotcraft"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/vincentwei1021/video-shotcraft" that are relevant to the current task. Run `npx skills add "https://github.com/vincentwei1021/video-shotcraft"` and select the relevant skills, then follow their instructions.
SKILL.md
| 1 | # video-shotcraft 🎬 |
| 2 | |
| 3 | <div align="center"> |
| 4 | |
| 5 | [](https://github.com/Vincentwei1021/video-shotcraft/stargazers) |
| 6 | [](https://github.com/Vincentwei1021/video-shotcraft/network/members) |
| 7 | [](https://vincentwei1021.github.io/video-shotcraft/) |
| 8 | |
| 9 | **An agent skill for crafting cinematic product videos: 106 shot recipe cards · 162 styles · 161 motion previews · a production-ready template** |
| 10 | |
| 11 | [English](README.md) | [中文](README_CN.md) |
| 12 | |
| 13 | </div> |
| 14 | |
| 15 | **video-shotcraft** is an AI agent skill that turns Claude Code or Codex into a |
| 16 | motion-design studio: point it at your product and it storyboards, animates, and |
| 17 | sound-designs a cinematic promo, marketing, launch, or demo video with |
| 18 | [Remotion](https://www.remotion.dev/) — real page captures, 2.5D camera moves, |
| 19 | beat-synced cuts, and film-grade SFX included. |
| 20 | |
| 21 | ## 🎬 Showcase |
| 22 | |
| 23 | The 38-second Gallery intro below was itself produced with this skill — |
| 24 | storyboard, shot implementation, and sound design were all done by an agent |
| 25 | following the toolkit's methodology: |
| 26 | |
| 27 | https://github.com/user-attachments/assets/cba2df8a-4b2e-4247-bace-d0b1dea9c2bd |
| 28 | |
| 29 | ▶️ [Watch in HD on YouTube](https://youtu.be/gcVvRM_P3SM) |
| 30 | |
| 31 | > Browse every shot card and motion preview online: **[Gallery](https://vincentwei1021.github.io/video-shotcraft/)** |
| 32 | > — search, filter, switch between variants, and copy selected shot-card names. |
| 33 | |
| 34 | ## 🚀 Quick start |
| 35 | |
| 36 | **The most direct way: hand the repo link to your agent.** |
| 37 | In Claude Code / Codex or a similar agent, just say: |
| 38 | |
| 39 | ```text |
| 40 | Install this skill for me: https://github.com/Vincentwei1021/video-shotcraft |
| 41 | ``` |
| 42 | |
| 43 | The agent will clone the repo and link it into your skills directory. Or install |
| 44 | with the [skills](https://skills.sh/) CLI / manually: |
| 45 | |
| 46 | ```bash |
| 47 | npx skills add Vincentwei1021/video-shotcraft |
| 48 | ``` |
| 49 | |
| 50 | ```bash |
| 51 | git clone https://github.com/Vincentwei1021/video-shotcraft.git |
| 52 | cd video-shotcraft |
| 53 | ln -s "$(pwd)" ~/.claude/skills/video-shotcraft # Claude Code |
| 54 | # or |
| 55 | ln -s "$(pwd)" ~/.codex/skills/video-shotcraft # Codex |
| 56 | ``` |
| 57 | |
| 58 | Then make requests like: |
| 59 | |
| 60 | ```text |
| 61 | Use video-shotcraft to create a promo for my desktop product. |
| 62 | Use the deck-deal-flyin and row-embed shot cards to present this feature. |
| 63 | Design a product close-up inspired by spotlight-hero-card. |
| 64 | ``` |
| 65 | |
| 66 | If no shot card is specified, the skill introduces the built-in video template |
| 67 | first and asks whether to use it; you can also pick shots in the |
| 68 | [Gallery](https://vincentwei1021.github.io/video-shotcraft/) before starting. |
| 69 | |
| 70 | ## 📼 Video template: Ink Press |
| 71 | |
| 72 | The skill ships with **Ink Press** — a validated, complete promo template: |
| 73 | 36.2 seconds, 1920×1080, 30fps, 10 shots in a paper-ink-amber style, with 2.5D |
| 74 | real-page camera moves, title cards, transitions, and a fully pinned cinematic |
| 75 | SFX pass: |
| 76 | |
| 77 | https://github.com/user-attachments/assets/4cf5af51-98f3-4af2-8ab2-7267f470513d |
| 78 | |
| 79 | ▶️ [Watch in HD on YouTube](https://youtu.be/iShab28B_ak) |
| 80 | |
| 81 | To use it, just tell your agent: |
| 82 | |
| 83 | ```text |
| 84 | Use video-shotcraft to make a promo for my product with the Ink Press template. |
| 85 | ``` |
| 86 | |
| 87 | The agent swaps in your product's screenshots, copy, and branding to reproduce |
| 88 | the same quality — the fastest, most reliable path to a finished film. |
| 89 | |
| 90 | > More templates are on the way. |
| 91 | |
| 92 | ## 📦 What's included |
| 93 | |
| 94 | | Content | Description | |
| 95 | | --- | --- | |
| 96 | | 106 shot recipe cards | Purpose, energy, suggested duration, parameters, implementation notes, and known pitfalls | |
| 97 | | 161 motion previews | Covering 162 styles; searchable and filterable in the online Gallery | |
| 98 | | Remotion implementations | Tuned TSX demos containing the actual easing and timing parameters for each card | |
| 99 | | Complete video template | A validated 36.2-second, 1920×1080, 30fps product promo with 10 shots | |
| 100 | | Components and assets | 2.5D page camera, captions, flash cuts, digit rolls, SFX, and capture scripts | |
| 101 | | Production |
Related
6 picksType
- cavemanUltra-compressed communication mode. Cuts output tokens 65% (measured) by speaking like caveman while keeping full technical accuracy.Jul 2026
- lark-im飞书即时通讯：收发消息和管理群聊。发送和回复消息、搜索聊天记录、管理群聊成员、上传下载图片和文件（支持大文件分片下载）、管理表情回复、发送应用内/短信/电话加急、发送和处理交互卡片（Interactive…Jul 2026
- lark-calendar飞书日历：管理日历日程和会议室。查看/搜索日程、创建/更新日程、管理参会人、查询忙闲和推荐时段、预定会议室。当用户需要查看日程安排、创建/修改会议、查询/预定会议室时使用。不负责：查询过去的视频会议记录（走 lark-vc）、待办任务（走 lark-task）。Jul 2026
- lark-contact飞书 / Lark 通讯录:按姓名 / 邮箱解析成 open_id,或按 open_id 反查姓名 / 部门 / 邮箱 / 联系方式 / 个人状态 / 签名。当用户提到某人姓名要下一步发消息 / 排日程,或拿到 open_id 想查具体信息时使用。不负责部门树遍历、按部门列员工、组织架构图,这类需求走原生…Jul 2026
- lark-workflow-meeting-summary会议纪要整理工作流：汇总指定时间范围内的会议纪要并生成结构化报告。当用户需要整理会议纪要、生成会议周报、回顾一段时间内的会议内容时使用。Jul 2026
- lark-workflow-standup-report日程待办摘要：编排 calendar +agenda 和 task +get-my-tasks，生成指定日期的日程与未完成任务摘要。适用于了解今天/明天/本周的安排。Jul 2026
