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 crieTodos os estilos
Animação
- Kinetic Type
- Paper Collage
- Quiet Keynote
- Data Story
- Frosted Product
- Thoughtful Paper
- Blueprint
- Soft Clay
- Watercolor Story
- Tool Focus
- Shared Paper
- Airy Signal
- Playful Selection
- Electric Layer
- Evidence Board
- Cutout Explainer
- Newsprint
- Product Brief
- Picture Book
- Purposeful Motion
- Retro Cutout
- Directors Board
- Whiteboard
- Canvas Principles
- Ink Press
- Brand Rhythm
- Geometric Proof
- Painted World
- Poster Press
- Measured Beat
- Naturalist Sketch
- Starfield Launch
- Inkline Stories
- Storyboard Studio
- Dimensional Launch
- Neon Reel
- Nordic Gouache
- Spring Captions
- Refraction Launch
- Annotated Comic
- Colorful Recap
- Single Line
- Word Cadence
- Story Route
- Motion Framework
- Geometry Lab
- Painted Verse
- Spring Stickers
- HTML Story
- Motion Recipes
- Research Reel
- Canvas Sequence
- SaaS Clay
- Inkline HUD
- Connected Build
- Precision Glow
- Pixel Warmth
- Document Clear
- Sage Order
- Connected Answers
- Red Diagonal
- Dark Material
- Conversation
- Spectrum Ribbon
- Mint System
- Monochrome Engine
- Expanding Modules
PPT
- Academic Argument
- Acid Agency
- Apricot Ink
- Aqua Campus
- Architectural Project
- Article Brief
- Blue Block Company
- Blue Lime Ledger
- Botanical Quiet
- Brand Story
- Brush Paper
- Chromatic Futures
- Cinematic Wilds
- Citrus Loop
- Cobalt Dark Pitch
- Cobalt Growth
- Cobalt Ribbon
- Cobalt Serif
- Cobalt System
- Confetti Gathering
- Consulting Storyline
- Cozy Island
- Visual Framework
- Electric Studio
- Field Notes
- Gallery Catalogue
- Golden Market
- Image Narrative
- Inclusive Cutpaper
- Ink Landscape
- Lavender Editorial
- Learning Loop
- Lilac Pitch
- Lime Endurance
- Mint Marker
- Mono Acid
- Navy Glass
- Neon Makers
- Ochre Editorial
- Orbital Workshop
- Pastel Cutout
- Primary Classroom
- Pop Motion
- Primary Doodle
- Prismatic Fashion
- Red Black Zine
- Research Paper
- Research Talk
- Sky Glass
- Slate Social Report
- Soft Gradient
- Sorbet Window
- Spectrum Strategy
- Starlit
- Steel Curve
- Storybook Margin
- Sunlit Structure
- Tidal Playbook
- Visual Canvas
- Yellow Balance
- Yellow Sketchnote
FEITO 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.