Communitygithub.com

Vidéo de démo produit, étape 1 : démo UI-as-code par agent

Créez des vidéos de démo produit soignées avec votre agent de code et Remotion. L'interface est reconstruite en code, pas filmée à l'écran : chaque image est nette, modifiable et re-rendable.

Qu'est-ce que Vidéo de démo produit, étape 1 : démo UI-as-code par agent ?

Recette Vidéo de démo produit, étape 1 (les images). Alexwtlf/agentic-product-demo fait reconstruire votre interface en composants Remotion par l'agent, puis anime curseur, clics et mouvements de caméra. Plus d'enregistrements d'écran tremblants ni de nouveau tournage quand l'UI change : on modifie le code et on relance le rendu. Le README s'ouvre sur des GIF de démo.

Compatible avec~Claude Code~Codex CLI~Cursor✓Antigravity
npx skills add Alexwtlf/agentic-product-demo
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

Que fait Vidéo de démo produit, étape 1 : démo UI-as-code par agent ?

Créez des vidéos de démonstration de produits soignées avec des agents de codage IA et Remotion. L'interface utilisateur est du code, pas un enregistrement d'écran. Le README commence par docs/demo.gif + preview.gif.

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