Sua história começa aqui
ETAPA 01
Adicione seu conteúdo
Um artigo, um roteiro, uma ideia que surgiu. Comece com as palavras que você já tem.
CLAUDE MOTION SKILLS · PARA CLAUDE CODE E CODEX
Claude Motion:
transforme um artigo em animação.
ARTIGO → ROTEIRO → NOTAS → IDEIA → SEU PRÓXIMO VÍDEO
Uma história que vale compartilhar. Um visual com a sua cara. Transforme suas palavras em um vídeo animado com o agente que você já usa.
CLAUDE MOTION SKILLSUM ESTUDO DO MOVIMENTO ↗
✳
A PARTIR DE UMA IDEIACrie algo
que valha a pena assistir.
que valha a pena assistir.
Palavras. Ritmo. Uma nova perspectiva.
ESTUDO ORIGINAL DE ANIMAÇÃO
HTML → ANIMAÇÃOCOMPATÍVEL COM
✳ Claude Code CodexOpenCodeCursorKimiE seu agente favorito
Dentro das ferramentas que você adora.
Claude Code · Prévia do fluxo de trabalho
Instale nossa CLI
curl -fsSL https://claudemontiondesignskills.org/downloads/install.sh -o /tmp/cm-skills-install.sh sh /tmp/cm-skills-install.sh export PATH="$HOME/.local/bin:$PATH" cm-skills setup
Instale cm-skills, entre com um código e crie no Claude Code ou Codex.
COMO FUNCIONA
Três etapas. Uma boa história.
Traga seu conteúdo. Escolha a direção. Dê à sua história o movimento que ela merece.
Dê o seu toque
ETAPA 02
Escolher um estilo visual
Tipografia marcante, apresentações serenas, colagem de papel. Encontre o clima certo para sua história.
Comece quando quiser
ETAPA 03
Visualize, refine e compartilhe
Edite o storyboard, visualize a animação e leve o projeto completo com você.
ANIMAÇÃO · CRIADA COM HyperFrames
Entra HTML. Sai uma história em movimento.
Uma tela aberta, uma linha do tempo precisa e um projeto para você guardar.
SUA COMPOSIÇÃO
Pequenas ideias.
Contada com beleza.
Seu agenteContada com beleza.
Seu título · Cena 01
Camadas e movimento
A história, palavra por palavra
Adicione seu próprio áudio
Feito para ser legível
HTML editável. Cada palavra, cor e momento é seu.
Feito para aperfeiçoar
Aperfeiçoe a mesma composição no seu agente de programação.
Guarde o projeto completo
Baixe os arquivos-fonte e renderize localmente com o HyperFrames.
Seu próprio parceiro criativo
Funciona com as ferramentas de programação que você já conhece.
Baseado no motor de código aberto HyperFrames da HeyGen (Apache-2.0). Desenvolvido de forma independente.
DO RASCUNHO À CONCLUSÃO
Tudo o que sua história precisa.
Comece de forma simples. Dê seu toque pessoal. Mantenha o controle criativo.
Dê movimento.
TIPOGRAFIA ↗Tipografia cinética
Palavras que tocam com um pouco mais de emoção.
Uma perspectiva clara.
ELEMENTOS VISUAIS ↗Narrativa visual
Torne uma ideia mais fácil de ver e entender.
Cena 01 → 02
HISTÓRIA ↗Storyboards editáveis
Ajuste a ordem, o texto e o ritmo de cada cena.
Sua próxima história.
ESPAÇO DE TRABALHO ↗Um espaço de trabalho só seu
Mantenha rascunhos locais ou salve os projetos na sua conta.
Pronto para compartilhar.
COMPARTILHAR ↗Compartilhar uma prévia
Crie um link público quando estiver pronto.
De HTML para MP4.
EXPORTAR ↗Exportação local de vídeo
Transforme o kit de código-fonte de HTML em MP4 no seu computador.
CLAUDE CODE / CODEX
Seu agente. Seu processo criativo.
Crie o primeiro rascunho aqui e abra o projeto no seu agente de programação. Descreva as mudanças desejadas: uma revelação mais lenta, uma abertura mais marcante, outro ritmo. Todos os projetos continuam editáveis.
| COMECE AQUI | CONTINUE LOCALMENTE |
|---|---|
| Artigo ou roteiro | Seu agente de programação |
| Cenas editáveis | Design de animação refinado |
| Prévia de animação HTML | MP4 com HyperFrames |
| Sua assinatura | Suas próprias ferramentas e seu plano |
MOTION / PPT
Escolha sua linguagem visual.
Escolha uma direção visual. Cada estilo abre uma composição original funcional.
Combinar com meu conteúdo
Descreva tema, público ou clima. A busca usa palavras-chave e aceita múltiplas seleções.
67 estilos e recursos
Escolha uma direção visual. Cada estilo abre uma composição original funcional.
Escolha e crieFEITO PARA
Para quem tem algo a dizer.
Criadores
Crie a próxima história que seu público vai querer salvar.
Educadores
Dê uma forma visual clara às ideias complexas.
Criadores independentes
Mostre o que torna seu produto diferente.
Contadores de histórias
Encontre um novo ritmo para as palavras que você ama.
PREÇOS
Um lugar simples para começar.
Motion, 61 estilos PPT e créditos de áudio. Crie com seu Claude Code ou Codex e renderize no computador.
A disponibilidade do áudio não foi confirmada. O pagamento está pausado até verificar o serviço. Recarregue esta página antes de assinar.
Implementação original
Creator
$19.90/ mês
80,000 créditos por mês
- Motion + 61 estilos PPT originais
- Apresentações HTML e notas do apresentador
- Seu plano de agente e renderização MP4 local
Implementação original
Studio
$49.90/ mês
240,000 créditos por mês
- Motion + 61 estilos PPT originais
- Apresentações HTML e notas do apresentador
- Seu plano de agente e renderização MP4 local
O cancelamento vale ao fim do período pago. O trabalho baixado permanece seu. A assinatura de IA é separada.
Perguntas frequentes
Algumas boas perguntas.
Este é um produto oficial da Anthropic?+
Não. O Claude Motion Skills é operado de forma independente. Os nomes Claude Code e Codex indicam ferramentas compatíveis, sem vínculo de afiliação.
O que posso criar aqui?+
Crie um storyboard editável a partir do seu artigo ou roteiro, visualize uma composição HTML animada e baixe um kit de projeto para renderizar o vídeo localmente.
Preciso de uma assinatura de IA?+
O storyboard e os modelos no navegador funcionam sem IA. Para aperfeiçoar o resultado com um agente de programação, use seu próprio agente e plano. Não incluímos créditos de uso de modelos.
Sua assinatura+
O cancelamento vale ao fim do período pago. O trabalho baixado permanece seu. A assinatura de IA é separada.
Onde meus projetos ficam armazenados?+
Os rascunhos ficam neste navegador. Ao entrar e escolher Salvar na nuvem, o projeto é armazenado na sua conta. Um link de compartilhamento só se torna público depois que você o cria.
Posso exportar MP4?+
Baixe o kit do projeto, instale as dependências e execute no seu computador o comando de renderização do HyperFrames incluído. O navegador exporta o HTML e o kit completo com o código-fonte.
Sua próxima história começa aqui.
Claude Code · Prévia do fluxo de trabalho
Instale nossa CLI
curl -fsSL https://claudemontiondesignskills.org/downloads/install.sh -o /tmp/cm-skills-install.sh sh /tmp/cm-skills-install.sh export PATH="$HOME/.local/bin:$PATH" cm-skills setup
Instale cm-skills, entre com um código e crie no Claude Code ou Codex.