Skip to main content
ClaudeWave
ES, Spanish

video-shotcraft

AI video skill for Claude Code & Codex — cinematic product videos with Remotion: 152 shot recipe cards, 209 motion previews, a production-ready template

  • 13.1k estrellas
  • 1.2k forks
  • 11 issues abiertos
  • Lenguaje: TypeScript
  • Licencia: Apache-2.0
  • actualizado

Instalación

Terminal
git clone https://github.com/Vincentwei1021/video-shotcraft ~/.claude/skills/video-shotcraft
  1. Clone the repository into your ~/.claude/skills directory (or copy the skill folder containing SKILL.md).
  2. Start a new Claude Code session so the skill registry reloads.
  3. Invoke it by name, or let Claude trigger it automatically when the task matches.

If the repo bundles several skills, copy only the folders you need.

Items instalables

1 items en este repositorio

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 模板或要求复刻模板片效果,或要用镜头卡做单个动效镜头时使用。

Instalar
README

Resumen de Skills

README completo en GitHub

video-shotcraft

English | 中文 | 日本語 | Русский

Gallery Showcase

GitHub stars License Claude Code Codex AtomGit Star

▶ Browse all 150 shots in the Gallery · 🎬 Watch the Showcase

What it does

Tell Claude Code or Codex "make a promo for my product". The agent captures your real pages, picks shots from a library of tuned motion recipes, storyboards the film, animates it with Remotion, cuts it to the beat, adds sound design, checks every frame and hands you a finished MP4 you can keep editing.

It is not a video generator. Every frame is drawn by code from your own screenshots and copy, so the result is sharp, on-brand and fully editable.

How it works

Eight-second workflow loop: product → capture real pages → storyboard with shot recipe cards → animate in Remotion → beat sync and sound design → render and frame QA → MP4, Motion Workbench and JianYing draft

What's new

Important

🎬 2026-10 · Shot library refresh

All 216 demos were polished and reviewed. The best versions now make up 124 cards / 150 shots, with fresh Gallery previews and video-shotcraft branding.

  • 2026-09 · Motion Workbench. Keep editing the delivered film in a CapCut-style browser editor.

  • 2026-08 · video-talkcraft, the narration-video sibling: script + voiceover in, every motion beat locked to the voice (78 narration previews).

  • 2026-08 · JianYing (CapCut CN) export. The final film becomes an editable JianYing draft: per-shot clips, native caption tracks, separate SFX/BGM tracks. Verified on JianYing Pro 11.2 for macOS (guide).

❤️ Sponsors

APIMart Thanks to APIMart for sponsoring this project! APIMart is a low-cost API platform for AI image & video generation — GPT-Image-2 from $0.006/image, 160+ images per dollar. One async API covers both image and video: submit a task, get an ID, fetch results via polling or callback. Batch tens of thousands of images without timeouts, switch models without changing code. Pay-as-you-go with no monthly fee — sign up here to get started. PackyCode Access leading AI models through PackyCode with one API endpoint and one API key. Enjoy fast, reliable access with automatic failover and dedicated high-speed routes for Codex and Claude Code. Get started with $1 in free credits, a discount on your first top-up, and savings of up to 80% on eligible routes. Pay in RMB with no currency conversion markups or extra top-up fees. Get started with PackyCode → AWS Amazon Web Services (AWS) offers reliable, scalable cloud computing services, including compute, storage and AI. Explore AWS →

Install

Built and tuned for Claude Code and Codex. The simplest way is to hand your agent the link:

Install this skill for me: https://github.com/Vincentwei1021/video-shotcraft

Or with the skills CLI:

npx skills add Vincentwei1021/video-shotcraft

Or by hand:

git clone https://github.com/Vincentwei1021/video-shotcraft.git
cd video-shotcraft
ln -s "$(pwd)" ~/.claude/skills/video-shotcraft   # Claude Code
ln -s "$(pwd)" ~/.codex/skills/video-shotcraft    # Codex

In mainland China, clone from the AtomGit mirror if GitHub is slow: git clone https://atomgit.com/VincentWei/video-shotcraft.git.

Use

Just describe the film. No command needed.

SayWhat happens
Use video-shotcraft to make a promo for my product.The agent introduces the Ink Press template and asks whether to use it, then captures your pages and builds the film
Make a launch film for this repo with the Ink Press template.The fastest path: your screenshots, copy and logo dropped into a validated template
Use the deck-deal-flyin and row-embed shot cards to present this feature.You pick the shots by name (copy names straight from the Gallery)
Design a product close-up inspired by spotlight-hero-card.One shot, adapted to your product

Shot library

124 recipe cards in 10 categories, 150 shots in total. Search, filter and copy card names in the Gallery.

Opening & Brand · 11 shotstext-as-mask: the product shows through the title Camera · 13 shotsexploded-view: the page tilts and comes apart Transitions · 19 shotscard-flock-tumble: a flock of cards becomes the headline Typography · 25 shotsflying-words: a word tunnel resolves into the motto UI Entrance · 22 shotscard-stack: a fan of cards deals into place Interaction · 13 shotspalette-theme-ripple: a new theme ripples across the UI Data · 9 shotsaxis-rescale-shock: the spike breaks the axis Light & Emphasis · 23 shotsspotlight-sweep: a stage light finds the title Rhythm · 8 shotspaparazzi-flash: three flashes, three crops, one number Outro · 7 shotsinput-morph-assemble: the chat box builds the logo

Each card lives in references/shots//.md, with its Remotion implementation in demos/// (see demos/README.md for how to wire one into your project).

Motion Workbench

Topics
agent-skillsai-agentsai-videoclaude-codeclaude-code-skillsclaude-skillscodexmotion-designmotion-graphicsproduct-videopromo-videoremotionvideo-generationvideo-production
Preguntas frecuentes

Lo que la gente pregunta sobre video-shotcraft

¿Qué es Vincentwei1021/video-shotcraft?

Vincentwei1021/video-shotcraft es skills para el ecosistema de Claude AI. AI video skill for Claude Code & Codex — cinematic product videos with Remotion: 152 shot recipe cards, 209 motion previews, a production-ready template Tiene 13.1k estrellas en GitHub y su última actualización registrada es del 2026-10-17.

¿Cómo se instala video-shotcraft?

Puedes instalar video-shotcraft clonando el repositorio (https://github.com/Vincentwei1021/video-shotcraft) o siguiendo las instrucciones del README en GitHub. ClaudeWave también te ofrece bloques de instalación rápida en esta misma página.

¿Es seguro usar Vincentwei1021/video-shotcraft?

Nuestro agente de seguridad ha analizado Vincentwei1021/video-shotcraft y le ha asignado un Trust Score de 100/100 (tier: Verified). Revisa el desglose completo de comprobaciones superadas y flags en esta página.

¿Quién mantiene Vincentwei1021/video-shotcraft?

Vincentwei1021/video-shotcraft es mantenido por Vincentwei1021. La última actividad registrada en GitHub es del 2026-10-17, con 11 issues abiertos.

¿Hay alternativas a video-shotcraft?

Sí. En ClaudeWave puedes explorar skills similares en /categories/skills, ordenados por popularidad o actividad reciente.

Alternativas