Skills do Claude Code para vídeo: skills gratuitas para motion graphics, vídeos de lançamento e explainers
Por Potto AI Team·
O que é uma skill do Claude Code para vídeo, como instalar e quais skills gratuitas escolher para vídeos Remotion, vídeos de lançamento, explainers desenhados à mão e telas de produto.
Uma skill do Claude Code para vídeo é uma pasta com um arquivo SKILL.md, e às vezes scripts, que ensina um agente de código a construir um tipo de vídeo: um filme de lançamento em Remotion, um explainer desenhado à mão, uma tela de produto animada. Você instala colocando a pasta em ~/.claude/skills/ ou em .claude/skills/, ou colando um prompt de instalação no agente, e depois pede o vídeo em linguagem natural. Escolha pelo propósito: skills de Remotion para motion graphics construídos em código, skills de vídeo de lançamento para lançamentos de produto, skills de explainer e desenho à mão para ensinar, e skills de interface de produto quando o vídeo precisa mostrar telas reais.
O Potto reúne essas skills na página de skills para agentes e as oferece de graça: entre na conta, copie o prompt de instalação ou baixe o ZIP, e rode a skill no seu próprio agente, com o seu modelo e as suas chaves. As skills são escritas por autores independentes, não pelo Potto e não pela Anthropic. O Potto não tem relação oficial com a Anthropic, e nada neste guia é endossado pela Anthropic. Os detalhes das skills abaixo vêm das páginas de skills do Potto como estavam em 2026-10-12, e a definição de skill vem da documentação da Anthropic.
O que é uma skill, e por que o trabalho de vídeo combina com ela
A documentação do Claude Code da Anthropic diz de forma direta: "Skills extend what Claude can do. Create a file with instructions, and Claude adds it to its toolkit. Claude uses skills when relevant, or you can invoke one directly with ." Uma skill não é um plugin que renderiza o vídeo sozinho. É um guia escrito, mais arquivos de apoio opcionais, que o seu agente lê quando o pedido combina com a descrição da skill.
SKILL.md
/skill-name
Esse desenho combina com vídeo por três motivos.
O código de vídeo está cheio de convenções. Uma animação baseada em frames precisa de regras de timing, ajustes de spring, margens seguras, tratamento de fontes e um comando de render. Uma skill guarda isso uma vez, para você não colar de novo em cada chat.
O contexto fica pequeno. A visão geral de Agent Skills da Anthropic descreve a progressive disclosure: só o nome e a descrição de cada skill ficam no contexto até a skill ser acionada, depois o corpo do SKILL.md carrega, e os arquivos incluídos carregam só quando são citados. Você pode manter muitas skills de vídeo instaladas sem pagar por todas elas em cada sessão.
Os scripts fazem as partes repetíveis. As skills podem incluir scripts que o agente executa, então os passos repetíveis rodam como código em vez de serem reinventados pelo modelo a cada vez.
A documentação do Claude Code também observa que as skills seguem o padrão aberto Agent Skills, e é por isso que uma skill pode listar vários agentes na página do Potto: Claude Code, Codex e Cursor entendem SKILL.md.
Como instalar uma skill de vídeo no Claude Code
Há três formas de instalar, e elas terminam no mesmo lugar: uma pasta que contém SKILL.md num diretório de skills.
Opção 1: copie o prompt de instalação no Potto
Abra a página de uma skill, entre na conta e escolha Copy install prompt. Cole o prompt no Claude Code, no Codex ou no Cursor e o agente instala a skill para você. Toda skill no Potto é gratuita, e entrar na conta é o único passo; não pedem cartão e nada é cobrado. Você também pode escolher Download ZIP para guardar os arquivos ou compartilhá-los com um time.
Opção 2: coloque a pasta onde o Claude Code procura
A documentação da Anthropic lista os locais. Uma skill pessoal fica em ~/.claude/skills/<skill-name>/SKILL.md e fica disponível em todos os seus projetos nessa máquina. Uma skill de projeto fica em .claude/skills/<skill-name>/SKILL.md num repositório, e você pode fazer commit para o time compartilhá-la. Se você baixou um ZIP, descompacte de modo que a pasta da skill, com SKILL.md no nível superior, fique em um desses lugares. O Claude Code percebe mudanças nas pastas de skills durante uma sessão. Se você criar um diretório de skills novo no nível superior, rode /reload-skills.
Opção 3: instale as skills oficiais do Remotion
O Remotion mantém o próprio conjunto de Agent Skills para trabalhar em projetos Remotion, e o comando de instalação é npx skills add remotion-dev/skills. A documentação nomeia Claude Code, Codex, Kimi Code e Cursor como agentes que podem usá-las. Várias skills de vídeo de terceiros abaixo dizem que funcionam junto com as oficiais, então instalar primeiro o conjunto do Remotion é uma base sensata para qualquer skill baseada em Remotion.
Usar uma skill depois de instalada
O Claude pode carregar uma skill automaticamente quando o seu pedido combina com a descrição dela, ou você pode digitar /skill-name, com argumentos se quiser. Se quiser ter certeza de qual skill roda, chame pelo nome.
Três checagens antes de rodar qualquer skill
Uma skill é instrução e código que o seu agente vai seguir na sua máquina, então leia antes de rodar. A visão geral de Agent Skills da Anthropic diz para usar skills só de fontes confiáveis, e avisa que uma skill maliciosa pode orientar o Claude a invocar ferramentas ou executar código de formas que não combinam com o propósito declarado. Para skills de terceiros isso significa abrir o SKILL.md e os scripts incluídos, e procurar chamadas de rede ou acessos a arquivo inesperados. As páginas de skills do Potto mostram uma prévia do SKILL.md para facilitar essa primeira leitura.
Depois use os campos da página da skill para decidir se ela serve ao seu trabalho.
Runs in. Os agentes que o autor lista, como Claude Code, Codex ou Cursor.
Needs. As variáveis de ambiente que a skill espera. Muitas skills de vídeo não precisam de nenhuma. Algumas precisam de uma chave para um serviço de narração ou um modelo de imagem, e essa chave é cobrada de você por esse provedor, não pelo Potto.
Output and generates with. O que a skill produz (MP4, HTML editável, legendas, áudio) e qual modelo faz o trabalho criativo. Para a maioria das skills de vídeo a resposta é «o modelo do seu próprio agente», o que significa que o custo e a qualidade seguem o modelo que você roda no agente.
Skills do Claude Code por tipo de vídeo
A tabela agrupa as skills deste guia pelo trabalho que elas fazem. Cada uma aponta para a própria página, onde estão o autor, os agentes, as chaves e as saídas. Os detalhes são os mostrados em 2026-10-12 e podem mudar quando um autor atualiza uma skill.
Trabalho
Skill
Autor
Roda em
Precisa
Saída
Saída Remotion
Remotion Director
Zane-0x5a
Claude Code, Codex
Nada
MP4
Saída Remotion
Remotion Video Director
BayramAnnakov
Claude Code
Chave de um serviço de narração
MP4
Saída Remotion
Apple Motion
IskakovDamir
Claude Code
Nada
MP4, áudio
Vídeo de lançamento
Product Launch Video Skill
memex-lab
Claude Code
Nada
MP4
Vídeo de lançamento
Remotion Ad Video Skill
leosssvip-dot
Claude Code, Codex, Cursor
Nada
MP4, HTML editável, stills PNG
Explainer, desenho à mão
Hand Drawn Explainer Video Nikola
hi-nikola
Claude Code, Codex
Chave de um serviço de narração
MP4, HTML editável, legendas SRT
Explainer, desenho à mão
Claude Animation Skill
buildwithhanif
Claude Code
Nada
MP4, áudio
Explainer, desenho à mão
Manim Skill
adithya-s-k
Claude Code, Cursor
Nada
Vídeo
Interface de produto
Onboarding Video Generator
gorkem-bwl
Claude Code
Nada
MP4, WebM
Interface de produto
Guizang Product Video Skill
op7418
Claude Code, Codex
Nada
MP4, HTML editável, áudio
Interface de produto
Appshot
trunghaiy
Claude Code, Codex
Nada
MP4
Skills para saída Remotion
O Remotion transforma um vídeo em componentes React que desenham um frame de cada vez, então uma skill que conhece as convenções do Remotion poupa o agente de adivinhar timing e layout. Comece pelas skills oficiais acima e depois acrescente uma destas para um estilo de trabalho específico.
Remotion Director, de Zane-0x5a, roda no Claude Code e no Codex, não precisa de chave extra e produz MP4. A página descreve um pipeline de design e construção: a partir de um briefing, primeiro lista várias direções que diferem no nível da ideia, renderiza um primeiro corte completo de cada uma, deixa você escolher a base mais promissora e depois roda um ciclo de crítica na escolhida. O frame padrão é vertical 1080×1920, com paisagem e quadrado também suportados. Serve para quem quer opções para olhar antes de se comprometer, e aceita mais uso do modelo na fase de design.
Remotion Video Director, de BayramAnnakov, roda no Claude Code e produz MP4. É um guia interativo que vai do conceito estratégico a um vídeo renderizado: deliberação de especialistas, desenho do cenário, construção e revisão. A descrição diz que funciona junto com as oficiais remotion-dev/skills. Precisa de uma API key de um serviço de narração, então espera uma que você configure e pague.
Apple Motion, de IskakovDamir, roda no Claude Code e produz MP4 e áudio. Escreve vídeos Remotion no estilo de recaps curtos e animados, com ritmo, tipografia cinética, springs e easing, transições, planos de dispositivo e de interface, música e ajustes de loudness. O autor diz que os números vêm de medir seis recaps frame a frame. Escolha para um ritmo de recap de keynote, não para um estilo de casa neutro.
Skills para vídeos de lançamento e de release
Vídeos de lançamento têm uma forma estável: um hook, o produto, três ou quatro recursos, um fechamento. As skills deste grupo codificam essa estrutura.
Product Launch Video Skill, de memex-lab, roda no Claude Code e produz MP4. Desenha e constrói vídeos de lançamento de alto impacto em Remotion, e a descrição diz para usá-la em vídeos de lançamento de produto, vídeos promo, vídeos demo, anúncios de recursos e brand reveals, inclusive o storyboard.
Remotion Ad Video Skill, de leosssvip-dot, roda no Claude Code, no Codex e no Cursor. Transforma links de produto, fichas de loja de apps, landing pages ou briefings de produto em vídeos publicitários com projetos Remotion ou HyperFrames. A página lista MP4, HTML editável e stills PNG como saídas e descreve storyboards, checagens de render e assets de entrega. Escolha quando o material de partida é uma página ou uma ficha, não um briefing em branco.
Decida o formato de entrega antes de escolher: um filme de lançamento para uma landing page costuma ser horizontal, e a mesma história para um feed social é vertical. Diga qual no briefing, porque uma skill não pode adivinhar onde o vídeo vai tocar.
Skills para explainers e estilos desenhados à mão
Explainers dependem mais de uma sequência clara e da narração do que do espetáculo. Estilos desenhados à mão acrescentam uma assinatura visual: traços, papel, tinta.
Hand Drawn Explainer Video Nikola, de hi-nikola, roda no Claude Code e no Codex e produz MP4, HTML editável e legendas SRT. Faz explainers de quadro branco em chinês do tipo «narra enquanto desenha», e oferece duas rotas: uma animação de quadro branco traço a traço, ou uma rota programática com HTML e SVG para cards de fluxo e diagramas. Precisa de uma API key do serviço de narração padrão, e a descrição diz que precisa de FFmpeg, Node.js e um navegador na sua máquina. É pensada primeiro para o chinês, então confira a página antes de usá-la para outro idioma.
Claude Animation Skill, de buildwithhanif, roda no Claude Code, não precisa de chave extra e produz MP4 e áudio. Faz animações 2D curtas desenhadas à mão inteiramente em JavaScript, com um visual de storybook ou editorial texturizado, grão de papel e hachura, renderizadas frame a frame com node canvas e ffmpeg, e com som sintetizado. A descrição é explícita sobre os limites: não é feita para microinterações de interface, apresentações de slides nem edição de talking-head.
Manim Skill, de adithya-s-k, roda no Claude Code e no Cursor e é um pacote de três skills para o Manim, a biblioteca por trás das animações de matemática no estilo 3Blue1Brown. Escolha quando o explainer é sobre equações, gráficos ou geometria, em que um diagrama que se constrói passo a passo carrega a lição. Para um explainer sobre um produto ou um processo, uma skill de Remotion ou de desenho à mão chega mais perto.
Qualquer que seja a skill, um vídeo explicativo se sustenta quando tem uma ideia por cena, a narração escrita antes das imagens e um fechamento que diz ao espectador o que fazer.
Skills para telas de produto e vídeos de interface
Quando o vídeo precisa mostrar software, a parte difícil é fazer interfaces reais se moverem sem parecer uma gravação de tela.
Onboarding Video Generator, de gorkem-bwl, roda no Claude Code e produz MP4 e WebM. Produz vídeos curtos de onboarding em Remotion animando peças isoladas de uma interface, componentes recortados e não páginas inteiras, a partir de capturas que você fornece. A saída padrão tem o tamanho de uma coluna, feita para ficar ao lado do texto num bloco de duas colunas numa página de marketing. Escolha para um clipe de recurso embutido numa página.
Guizang Product Video Skill, de op7418, roda no Claude Code e no Codex e produz MP4, HTML editável e áudio. Gera um promo de atualização de produto a partir do próprio repositório de código do produto: lê os commits recentes, monta os componentes reais da interface, faz o storyboard de cenas animadas com GSAP, compõe música original e efeitos sonoros, e renderiza com React, esbuild, Playwright e FFmpeg. Combina com um vídeo de changelog feito pelo time que é dono do código.
Appshot, de trunghaiy, roda no Claude Code e no Codex e produz MP4. Constrói vídeos de prévia e capturas para App Store e Google Play a partir de uma configuração TypeScript, em Remotion, React e Tailwind, e chega como um pacote de quatro skills. Use quando o destino é uma ficha de loja.
Uma nota sobre skills de design como a Taste Skill
Algumas skills populares não são skills de vídeo, mas melhoram o visual do que um agente constrói. A Taste Skill, publicada no GitHub por Leonxlnx sob uma licença MIT, é um conjunto de Agent Skills para melhorar interfaces construídas por IA: layout, tipografia, motion e espaçamento. Não tem conteúdo de vídeo, então trate como companheira. Se o seu vídeo mostra uma interface que um agente desenhou, uma skill de design pode subir a qualidade das telas antes de uma skill de vídeo animá-las. O repositório está em Fontes; leia o SKILL.md primeiro, como com qualquer skill.
Uma primeira execução: da skill ao vídeo renderizado
Os passos são os mesmos para a maioria das skills desta lista.
Instale a base. Acrescente as skills oficiais do Remotion com npx skills add remotion-dev/skills se a skill usa Remotion, e confira se o Node.js está instalado. Algumas skills também precisam de FFmpeg ou de um navegador, o que a página da skill ou o SKILL.md declara.
Instale a skill. Copie o prompt de instalação da página dela no Potto para o seu agente, ou coloque a pasta descompactada em ~/.claude/skills/.
Defina as chaves. Se a página lista uma chave em Needs, defina no ambiente do seu agente antes de rodar a skill, como as páginas das skills instruem.
Escreva o briefing. Os mesmos seis itens servem para toda skill: propósito, público, onde toca e quanto dura, fatos que precisam aparecer, a ordem das ideias e o último frame. O briefing em alternativas ao Claude Motion explica cada item.
Rode a skill e revise. Chame pelo nome, leia o storyboard que o agente propõe antes de escrever código, e aprove ou edite. Depois pré-visualize o projeto e renderize.
Um briefing que funciona com as skills de lançamento fica assim:
Use the product-launch-video skill. Make a 30-second landscape launch video for a budgeting app. Audience: freelancers. Three features in this order: invoice reminders, expense tagging, tax summary. Facts that must appear: "12,000 freelancers" and "free for the first 3 invoices". Close on the app name and the line "Get paid on time". Show the storyboard before writing code.
O briefing dá uma duração, uma proporção, um público, uma ordem e números exatos. As skills melhoram estrutura e ofício, mas não podem conhecer fatos que você não forneceu.
O que as skills não fazem
Não renderizam na nuvem. O agente constrói um projeto no seu computador, e o render acontece ali, com o runtime que a skill nomeia.
Não garantem qualidade. A saída depende do modelo que você roda, do autor da skill e do seu briefing.
Custam o que o seu agente custa. O Potto não cobra nada pelas skills, mas o plano do agente ou o uso da API se aplica, e também qualquer chave de narração que uma skill exija.
Deixam um projeto para você manter. Isso é uma vantagem se você quer o código-fonte, e um peso se você quer um único vídeo pronto.
Para ver como esse tipo de trabalho fica, percorra a galeria de vídeos de motion graphics no Potto. Essas peças foram feitas por criadores independentes com ferramentas como Claude Opus 5.5, cada uma é creditada ao autor original, e nenhuma foi gerada pelo Potto.
Se você não quer um agente nem código
As skills servem a quem já trabalha num terminal ou num editor de código e quer ser dono do projeto. Se você só quer um vídeo pronto, uma rota no-code é mais simples, e o Potto oferece uma ao lado da biblioteca de skills. É um produto separado das skills acima e não as usa.
O Potto é um gerador de vídeos com IA para motion graphics narrados. Você descreve um vídeo, cola um link público da web ou anexa um documento, e o Potto produz um storyboard que você pode editar antes de qualquer exportação. O Claude Opus 5.5 escreve o roteiro, o storyboard cena a cena e a narração, e o Potto renderiza o vídeo com os próprios componentes de cena do Remotion. Você não escreve nem vê código. A página de vídeo com Claude explica como essa relação funciona, e motion graphics com IA é a página em que você pode começar um vídeo a partir de uma descrição.
O que você recebe:
Onze tipos de cena (hook, título, captura, recursos, lista, dado, comparação, gráfico, ilustração, citação e uma chamada para ação de fechamento) e 12 estilos integrados, mais brand kits para cores, fontes e o seu logo.
Narração em 32 idiomas ou detecção automática do idioma, legendas mostradas por frase e uma trilha sonora original da biblioteca de música do Potto.
Durações de 15, 30, 45, 60 ou 90 segundos, exportadas como MP4 1080p a 30 frames por segundo em 16:9, 9:16 ou 1:1.
Entradas de uma descrição, um link público ou documentos (PDF, PPTX ou DOCX, até 20 MB cada, até 8 anexos), mais imagens como capturas de produto. A página do vídeo de demonstração de produto transforma capturas em cenas.
A geração e a prévia no navegador não usam créditos; só a exportação usa, e os preços atuais estão na página de preços.
O que não faz: não entrega o código por trás de um vídeo, não gera filmagem nem apresentadores digitais, não edita vídeos que você já tem e não tem API pública. Se você precisa do código-fonte, de um estilo visual sob medida ou de um pipeline automatizado, use uma skill. Se precisa de um explainer narrado ou de um vídeo de lançamento a partir de material existente e de nenhum codebase para manter, use o Potto. Este guia não classifica os dois; eles respondem a necessidades diferentes.
Perguntas frequentes
O que é uma skill do Claude Code para vídeo?
Uma skill do Claude Code para vídeo é uma pasta com um arquivo SKILL.md, e às vezes scripts, que ensina um agente de código a construir um tipo de vídeo, como um filme de lançamento em Remotion ou um explainer desenhado à mão. O Claude carrega a skill quando o seu pedido combina com a descrição dela, ou quando você digita /skill-name. O agente ainda escreve e renderiza o projeto no seu computador.
Como instalo uma skill do Claude Code?
Coloque a pasta da skill, com o SKILL.md dentro, em ~/.claude/skills/<skill-name>/ para todos os seus projetos ou em .claude/skills/<skill-name>/ para um repositório. No Potto, entre na conta e use Copy install prompt para o seu agente fazer isso, ou baixe o ZIP. O Claude Code percebe mudanças durante uma sessão, e /reload-skills cobre um diretório de skills novo no nível superior.
As skills no Potto são gratuitas?
Sim. Toda skill no Potto é gratuita: entre na conta e depois copie o prompt de instalação ou baixe o ZIP. O Potto não cobra nada por elas. As skills rodam no seu próprio agente com o seu próprio modelo, então o plano do agente ou o uso da API continua valendo, e uma skill que lista uma chave em Needs, como uma chave de narração, usa uma conta que você tem com esse provedor.
Quem escreve as skills, e elas são feitas pela Anthropic?
As skills são escritas por autores independentes, e cada página nomeia o autor. Não são feitas pela Anthropic, e o Potto não tem relação oficial com a Anthropic. O Potto as reúne e as oferece. Como são código de terceiros, abra o SKILL.md e os scripts antes de rodar uma, como a documentação da Anthropic aconselha para skills de fontes que você não criou.
Com qual skill do Claude Code eu começo para um vídeo de lançamento de produto?
Comece pela Product Launch Video Skill se você quer um filme de lançamento em Remotion a partir de um briefing, porque ela não precisa de chave extra e roda no Claude Code. Escolha a Remotion Ad Video Skill se você parte de uma landing page ou de uma ficha de loja, e a Guizang Product Video Skill se o vídeo deve usar a interface real do seu produto a partir do seu próprio repositório.
O Potto é a mesma coisa que o Claude Code?
Não. O Claude Code é o agente de código da Anthropic. O Potto é um produto independente sem relação oficial com a Anthropic. O Potto oferece uma biblioteca gratuita de skills de terceiros que rodam no seu próprio agente, e também tem o próprio gerador de vídeo que usa Claude Opus 5.5 para escrever o roteiro, o storyboard e a narração, e Remotion para renderizar o MP4.
Fontes
Todas as fontes foram conferidas em 2026-10-12.
Anthropic, documentação do Claude Code, Extend Claude with skills. Usada para a definição de uma skill, onde as skills ficam guardadas, a invocação automática e com /skill-name, /reload-skills, os arquivos de apoio, e a nota de que as skills do Claude Code seguem o padrão Agent Skills.
Anthropic, Agent Skills overview. Usada para a progressive disclosure (metadata, instructions, resources), a estrutura do SKILL.md e a orientação de segurança: usar skills de fontes confiáveis e auditá-las.
Documentação do Remotion, Agent Skills. Usada para o que são as skills oficiais, os agentes compatíveis e o comando npx skills add remotion-dev/skills.
Potto, a página Skills e as páginas de detalhe das skills ligadas acima. Usadas para o autor, os agentes, as chaves exigidas, as saídas e a descrição de cada skill, e para os passos de instalação e download. Detalhes como mostrados em 2026-10-12.
GitHub, Leonxlnx/taste-skill. Usado para a descrição da Taste Skill como Agent Skills para melhorar interfaces construídas por IA, e para a licença MIT.
Potto AI
Crie seu próximo vídeo de lançamento.
Transforme o que despertou seu interesse em um vídeo ou uma imagem de sua autoria. Traga capturas de tela, um tema ou um prompt.
