Tu historia empieza aquí
PASO 01
Añade tu contenido
Un artículo, un guion, una chispa de inspiración. Empieza con las palabras que ya tienes.
CLAUDE MOTION SKILLS · PARA CLAUDE CODE Y CODEX
Claude Motion:
convierte un artículo en animación.
ARTÍCULO → GUION → NOTAS → IDEA → TU PRÓXIMO VÍDEO
Una historia que merece compartirse. Un estilo que te representa. Convierte tus palabras en un vídeo animado con el agente que ya usas.
CLAUDE MOTION SKILLSUN ESTUDIO DEL MOVIMIENTO ↗
✳
A PARTIR DE UNA IDEACrea algo
que merezca la pena ver.
que merezca la pena ver.
Palabras. Ritmo. Una nueva perspectiva.
ESTUDIO DE ANIMACIÓN ORIGINAL
HTML → ANIMACIÓNCOMPATIBLE CON
✳ Claude Code CodexOpenCodeCursorKimiY tu agente favorito
Dentro de las herramientas que te encantan.
Claude Code · Vista previa del flujo de trabajo
Instala nuestra 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
Instala cm-skills, accede con un código y crea en Claude Code o Codex.
CÓMO FUNCIONA
Tres pasos. Una buena historia.
Trae tu contenido. Elige tu rumbo. Dale a tu historia el movimiento que merece.
Dale tu propio estilo
PASO 02
Elegir un estilo visual
Tipografía impactante, presentaciones serenas, collage de papel. Encuentra el tono visual de tu historia.
Empieza cuando quieras
PASO 03
Previsualiza, mejora y comparte
Edita el guion gráfico, previsualiza la animación y llévate el proyecto completo.
ANIMACIÓN · CREADA CON HyperFrames
Entra HTML. Sale una historia en movimiento.
Un lienzo abierto, una línea de tiempo precisa y un proyecto que puedes conservar.
TU COMPOSICIÓN
Pequeñas ideas.
Contada con belleza.
Tu agenteContada con belleza.
Tu titular · Escena 01
Capas y movimiento
La historia, palabra a palabra
Añade tu propio audio
Diseñado para ser legible
HTML editable. Cada palabra, color y momento es tuyo.
Pensado para seguir mejorando
Perfecciona la misma composición en tu agente de programación.
Conserva todo el proyecto
Descarga los archivos fuente y renderiza localmente con HyperFrames.
Tu propio compañero creativo
Compatible con las herramientas de programación que ya conoces.
Basado en el motor de código abierto HyperFrames de HeyGen (Apache-2.0). Desarrollado de forma independiente.
DEL BORRADOR AL RESULTADO
Todo lo que necesita tu historia.
Empieza con algo sencillo. Dale tu toque. Mantén el control creativo.
Dale movimiento.
TIPOGRAFÍA ↗Tipografía cinética
Palabras que llegan con un poco más de emoción.
Una perspectiva clara.
IMÁGENES ↗Narración visual
Haz que una idea sea más fácil de ver y comprender.
Escena 01 → 02
HISTORIA ↗Guiones gráficos editables
Ajusta el orden, el texto y el ritmo de cada escena.
Tu próxima historia.
ESPACIO DE TRABAJO ↗Un espacio de trabajo propio
Conserva borradores locales o guarda los proyectos en tu cuenta.
Listo para compartir.
COMPARTIR ↗Compartir una vista previa
Crea un enlace público cuando estés listo.
De HTML a MP4.
EXPORTAR ↗Exportación local de vídeo
Convierte el kit de código fuente de HTML a MP4 en tu ordenador.
CLAUDE CODE / CODEX
Tu agente. Tu proceso creativo.
Crea aquí un primer borrador y abre el proyecto en tu agente de programación. Describe los cambios que buscas: una aparición más lenta, un inicio más potente, otro ritmo. Todos los proyectos siguen siendo editables.
| EMPIEZA AQUÍ | CONTINÚA EN LOCAL |
|---|---|
| Artículo o guion | Tu agente de programación |
| Escenas editables | Diseño de animación cuidado |
| Vista previa de animación HTML | MP4 con HyperFrames |
| Tu suscripción | Tus propias herramientas y tu plan |
MOTION / PPT
Elige tu lenguaje visual.
Elige una dirección visual. Cada estilo abre una composición original funcional.
Buscar para mi contenido
Describe el tema, público o tono. La búsqueda usa palabras clave y permite selección múltiple.
67 estilos y recursos
Elige una dirección visual. Cada estilo abre una composición original funcional.
Elige y creaTodos los estilos
Animación
- 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
CREADO PARA
Para quienes tienen algo que contar.
Creadores
Crea la próxima historia que tu audiencia querrá guardar.
Educadores
Dale a las ideas complejas una forma visual clara.
Creadores independientes
Muestra lo que hace diferente a tu producto.
Narradores
Encuentra un nuevo ritmo para las palabras que te gustan.
PRECIOS
Un lugar sencillo para empezar.
Motion, 61 estilos PPT y créditos de audio. Crea con tu Claude Code o Codex y renderiza en tu equipo.
No se ha confirmado la disponibilidad del audio. El pago está pausado hasta verificar el servicio. Recarga esta página para comprobarlo antes de suscribirte.
Implementación original
Creator
$19.90/ mes
80,000 créditos al mes
- Motion + 61 estilos PPT originales
- Presentaciones HTML y notas del orador
- Tu plan de agente y renderizado MP4 local
Implementación original
Studio
$49.90/ mes
240,000 créditos al mes
- Motion + 61 estilos PPT originales
- Presentaciones HTML y notas del orador
- Tu plan de agente y renderizado MP4 local
La cancelación se aplica al finalizar el período pagado. Conservas lo descargado. La suscripción de IA es independiente.
Preguntas frecuentes
Algunas buenas preguntas.
¿Es un producto oficial de Anthropic?+
No. Claude Motion Skills funciona de forma independiente. Los nombres Claude Code y Codex indican herramientas compatibles, no una afiliación.
¿Qué puedo crear aquí?+
Crea un guion gráfico editable a partir de tu artículo o guion, previsualiza una composición HTML animada y descarga un kit de proyecto para renderizar el vídeo localmente.
¿Necesito una suscripción de IA?+
El guion gráfico y las plantillas del navegador funcionan sin IA. Para perfeccionar el resultado con un agente de programación, utiliza tu propio agente y su plan. No incluimos créditos para modelos.
Tu suscripción+
La cancelación se aplica al finalizar el período pagado. Conservas lo descargado. La suscripción de IA es independiente.
¿Dónde se guardan mis proyectos?+
Los borradores permanecen en este navegador. Cuando inicias sesión y eliges Guardar en la nube, el proyecto se almacena en tu cuenta. El enlace para compartir solo es público después de crearlo.
¿Puedo exportar MP4?+
Descarga el kit del proyecto, instala sus dependencias y ejecuta el comando de renderizado de HyperFrames incluido en tu ordenador. El navegador exporta el HTML y el kit completo de código fuente.
Tu próxima historia empieza aquí.
Claude Code · Vista previa del flujo de trabajo
Instala nuestra 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
Instala cm-skills, accede con un código y crea en Claude Code o Codex.