O que sistema-explicador-de-vídeo faz?
Local-first Claude Code skill: turn a topic or document into a visually dynamic HTML explainer deck and narrated video, end-to-end, using only local/free tools (Kokoro, ffmpeg) plus a Claude subscription.
Habilidade local-first para Claude Code: transforme um tópico ou documento em um deck de explicação HTML visualmente dinâmico e um vídeo narrado, do início ao fim, usando apenas ferramentas locais/gratuitas (Kokoro, ffmpeg) mais uma assinatura do Claude.
Esta skill para Claude Code permite que desenvolvedores e criadores de conteúdo convertam qualquer tópico ou documento em uma apresentação explicativa interativa em HTML e, em seguida, gerem um vídeo completo com narração, tudo isso sem depender de serviços online pagos. Ela opera localmente, utilizando ferramentas gratuitas e de código aberto como Kokoro para síntese de voz e ffmpeg para processamento de vídeo, exigindo apenas uma assinatura do Claude para a geração de roteiro e lógica. O fluxo de trabalho é totalmente automatizado: a skill estrutura o conteúdo em slides HTML com design visual dinâmico, gera áudio narrado para cada slide, e combina tudo em um vídeo final com transições suaves. É ideal para educadores, documentadores técnicos, ou qualquer pessoa que queira criar vídeos explicativos de alta qualidade sem custos adicionais de ferramentas de narração ou edição em nuvem. A abordagem local-first garante privacidade dos dados e funcionamento offline, tornando-a uma solução prática e econômica para produção de conteúdo multimídia.
npx skills add nemock/video-explainer-systemLocal-first Claude Code skill: turn a topic or document into a visually dynamic HTML explainer deck and narrated video, end-to-end, using only local/free tools (Kokoro, ffmpeg) plus a Claude subscription.
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and springs.
Advanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, imperative sequences (useAnimate), loaders, and the full API decision tree. Requires motion-foundations.
Production-ready UI motion system for React/Next.js. Use when implementing animations, transitions, or motion patterns.
Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.