Communitygithub.com

video-shotcraft

Créez des vidéos promotionnelles cinématographiques d'une véritable application web avec Remotion : capture les pages réelles, choisit parmi ~124 à 150 fiches de recettes de plans, propose le modèle Ink Press, le synchronisme rythmique et la conception sonore Freesound. Idéal pour « faire une vidéo promo/lancement de mon site/app », effets de carte de plan unique, ou trouver/aligner des effets sonores pour une vidéo produit existante. Récupère toujours la dernière version.

Qu'est-ce que video-shotcraft ?

Cette compétence permet à un agent IA de créer automatiquement des vidéos promotionnelles de haute qualité pour des applications web réelles, en utilisant Remotion. Elle capture les pages web en direct avec Playwright/Chromium, puis sélectionne parmi une vaste bibliothèque d'environ 124 à 150 fiches de plans prédéfinies pour composer des séquences cinématographiques. La compétence intègre le modèle de template Ink Press, le synchronisme rythmique avec la musique (beat sync), et la conception sonore via Freesound. Elle est utile pour des tâches comme « crée une vidéo promotionnelle de mon site », l'application d'un seul effet de plan, ou la recherche et l'alignement d'effets sonores sur une vidéo existante. L'agent doit d'abord déterminer le mode d'utilisation (template, pipeline autonome ou co-création) avec l'utilisateur, et récupère toujours la dernière version des fiches et références depuis le dépôt amont.

Compatible avec✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/suryxnshsingh/design-engineering-skills/tree/main/video-shotcraft
Voir l'original→Voir toutes les compétences

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

name: video-shotcraft description: Créez des vidéos promotionnelles cinématographiques d'une véritable application web avec Remotion : capture les pages réelles, choisit parmi ~124 à 150 fiches de recettes de plans, propose le modèle Ink Press, le synchronisme rythmique et la conception sonore Freesound. Idéal pour « faire une vidéo promo/lancement de mon site/app », effets de carte de plan unique, ou trouver/aligner des effets sonores pour une vidéo produit existante. Récupère toujours la dernière version.

video-shotcraft (pointeur vers le dépôt amont en direct)

Dépôt amont : https://github.com/Vincentwei1021/video-shotcraft · galerie : https://vincentwei1021.github.io/video-shotcraft/ La documentation est en chinois ; suivez-la, répondez à l'utilisateur dans sa langue.

1. Obtenir la dernière version

bash ~/.claude/skills/design-engineer/scripts/upstream.sh video-shotcraft     # affiche PATH=<chemin_du_checkout>

Lisez l'intégralité du fichier <PATH>/SKILL.md. Il définit la décision de périmètre que vous devez prendre avant toute chose :

  • Tâche SFX uniquement → references/sound-design.md + references/sfx-sourcing.md, utilisez sfx-source.py search.
  • Promotion complète → un des trois modes, jamais fusionnés : template (template/TEMPLATE.md), autonome (references/pipeline.md), co-création (references/guided-free-creation.md).
  • Si l'utilisateur n'a pas choisi de mode : effectuez une inspection en lecture seule du produit, recommandez un mode avec des raisons, et arrêtez-vous pour son choix. Ne prenez pas Ink Press par défaut.
  • Les cartes de plan nommées (par ex. deck-deal-flyin) sont une contrainte : lisez chaque carte et sa source de démonstration.

2. Installer dans un projet à la place

npx skills add Vincentwei1021/video-shotcraft -y

3. Dépendances

Projet Remotion (Node 18+), Playwright/Chromium pour les captures de pages, ffmpeg. Les compétences Remotion (remotion) couvrent les problèmes de rendu.

4. Quand ne pas l'utiliser

Vidéos de marque ou explicatives non liées à une page réelle → lemo-opuscar ou hyperframes. Programmation générique sur Remotion → remotion.

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

suryxnshsingh/design-engineer

Orchestrator for frontend and design-engineering work. Read this first whenever a task involves UI design, design systems, visual polish or AI-slop review, diagrams, videos or promos, 3D (Three.js or Blender), or Penpot/Figma files. It routes to the right specialist skill (impeccable, ui-ux-pro-max, diagram-design, hyperframes, remotion, video-shotcraft, lemo-opuscar, img2threejs, blender-mcp, penpot), chains them for multi-step jobs, and keeps every one on its latest upstream.

suryxnshsingh/hyperframes

Write HTML/CSS and render deterministic MP4 with HeyGen's HyperFrames; ~450 ready blocks (transitions, kinetic type, captions, charts, maps, 3D), a /figma sub-skill that pulls brand tokens and frames into video, reverse-any-video, slideshow/present mode, and Remotion-to-HyperFrames porting. Use for launch films, explainers, social clips, title cards, or when the user wants video from HTML rather than React.

Skills associés

steipete/video-frames

Extract frames or short clips from videos using ffmpeg.

community

steipete/summarize

Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.

community

openclaw/openclaw

Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.

community

obra/superpowers

Obra superpowers agent skills.

community

affaan-m/ECC

See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...

community

affaan-m/everything-claude-code

End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.

community