Votre histoire commence ici
ÉTAPE 01
Ajoutez votre contenu
Un article, un script, une étincelle d’idée. Commencez avec les mots que vous avez déjà.
CLAUDE MOTION SKILLS · POUR CLAUDE CODE ET CODEX
Claude Motion:
donnez vie à un article.
ARTICLE → SCRIPT → NOTES → IDÉE → VOTRE PROCHAINE VIDÉO
Une histoire qui mérite d’être partagée. Un style qui vous ressemble. Transformez vos mots en vidéo animée avec l’agent que vous utilisez déjà.
CLAUDE MOTION SKILLSUNE ÉTUDE DU MOUVEMENT ↗
✳
À PARTIR D’UNE IDÉECréez quelque chose
qui mérite d’être vu.
qui mérite d’être vu.
Des mots. Du rythme. Un nouveau regard.
ÉTUDE D’ANIMATION ORIGINALE
HTML → ANIMATIONCOMPATIBLE AVEC
✳ Claude Code CodexOpenCodeCursorKimiEt votre agent préféré
Directement dans les outils que vous aimez.
Claude Code · Aperçu du processus
Installez notre 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
Installez cm-skills, connectez-vous avec un code et créez dans Claude Code ou Codex.
COMMENT ÇA MARCHE
Trois étapes. Une belle histoire.
Apportez votre contenu. Choisissez votre direction. Donnez à votre histoire le mouvement qu’elle mérite.
Ajoutez votre touche personnelle
ÉTAPE 02
Choisir un style visuel
Typographie audacieuse, présentations sobres, collages de papier. Trouvez l’ambiance qui convient à votre histoire.
Commencez quand vous le souhaitez
ÉTAPE 03
Prévisualiser, peaufiner, partager
Modifiez votre storyboard, prévisualisez l’animation et emportez le projet complet.
ANIMATION · CRÉÉE AVEC HyperFrames
Du HTML en entrée. Une histoire animée en sortie.
Une toile ouverte, une chronologie précise et un projet que vous pouvez conserver.
VOTRE COMPOSITION
De petites idées.
Racontée avec élégance.
Votre agentRacontée avec élégance.
Votre titre · Scène 01
Calques et mouvement
L’histoire, mot après mot
Ajoutez votre propre audio
Conçu pour être lisible
Du HTML modifiable. Chaque mot, chaque couleur, chaque instant vous appartient.
Conçu pour évoluer
Affinez la même composition dans votre agent de programmation.
Conservez le projet complet
Téléchargez les fichiers source et réalisez le rendu en local avec HyperFrames.
Votre propre partenaire créatif
Compatible avec les outils de programmation que vous connaissez déjà.
Propulsé par le moteur open source HyperFrames de HeyGen (Apache-2.0). Développé indépendamment.
DE L’ÉBAUCHE AU RÉSULTAT
Tout ce dont votre histoire a besoin.
Commencez simplement. Ajoutez votre touche personnelle. Gardez la maîtrise de votre création.
Animez-le.
TYPOGRAPHIE ↗Typographie cinétique
Des mots qui touchent avec un peu plus d’émotion.
Une perspective claire.
VISUELS ↗Narration visuelle
Rendez une idée plus facile à voir et à comprendre.
Scène 01 → 02
HISTOIRE ↗Storyboards modifiables
Ajustez l’ordre, le texte et le rythme de chaque scène.
Votre prochaine histoire.
ESPACE DE TRAVAIL ↗Un espace de travail à vous
Conservez vos brouillons locaux ou enregistrez vos projets dans votre compte.
Prêt à partager.
PARTAGER ↗Partager un aperçu
Créez un lien public lorsque vous êtes prêt.
Du HTML au MP4.
EXPORTER ↗Export vidéo local
Passez du HTML au MP4 sur votre ordinateur avec le kit source.
CLAUDE CODE / CODEX
Votre agent. Votre processus créatif.
Créez une première ébauche ici, puis ouvrez le projet dans votre agent de programmation. Décrivez les changements souhaités : une apparition plus lente, une ouverture plus forte, un autre rythme. Chaque projet reste modifiable.
| COMMENCEZ ICI | POURSUIVEZ EN LOCAL |
|---|---|
| Article ou script | Votre agent de programmation |
| Scènes modifiables | Design d’animation soigné |
| Aperçu HTML animé | MP4 avec HyperFrames |
| Votre abonnement | Vos propres outils et votre abonnement |
MOTION / PPT
Choisissez votre langage visuel.
Choisissez une direction visuelle. Chaque style ouvre une composition originale fonctionnelle.
Adapter à mon contenu
Décrivez sujet, public ou ambiance. La recherche utilise des mots-clés ; plusieurs choix sont possibles.
67 styles et ressources
Choisissez une direction visuelle. Chaque style ouvre une composition originale fonctionnelle.
Choisissez et créezTous les styles
Animation
- 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
CONÇU POUR
Pour celles et ceux qui ont quelque chose à raconter.
Créateurs
Créez la prochaine histoire que votre public voudra conserver.
Enseignants
Donnez une forme visuelle claire aux idées complexes.
Créateurs indépendants
Montrez ce qui rend votre produit unique.
Narrateurs
Trouvez un nouveau rythme pour les mots que vous aimez.
TARIFS
Un point de départ tout simple.
Motion, 61 styles PPT et crédits audio. Créez avec votre Claude Code ou Codex et effectuez le rendu sur votre ordinateur.
La disponibilité audio n’a pas été confirmée. Le paiement est suspendu jusqu’à vérification du service. Rechargez cette page avant de vous abonner.
Réalisation originale
Creator
$19.90/ mois
80,000 crédits par mois
- Motion + 61 styles PPT originaux
- Présentations HTML et notes de présentation
- Votre abonnement agent et rendu MP4 local
Réalisation originale
Studio
$49.90/ mois
240,000 crédits par mois
- Motion + 61 styles PPT originaux
- Présentations HTML et notes de présentation
- Votre abonnement agent et rendu MP4 local
La résiliation prend effet en fin de période payée. Vos créations téléchargées restent utilisables. L’abonnement IA est distinct.
Questions fréquentes
Quelques bonnes questions.
Est-ce un produit officiel d’Anthropic ?+
Non. Claude Motion Skills est exploité de manière indépendante. Les noms Claude Code et Codex désignent des outils compatibles, sans lien d’affiliation.
Que puis-je créer ici ?+
Créez un storyboard modifiable à partir de votre article ou de votre script, prévisualisez une composition HTML animée et téléchargez un kit de projet pour réaliser le rendu vidéo en local.
Ai-je besoin d’un abonnement à une IA ?+
Le storyboard et les modèles du navigateur fonctionnent sans IA. Pour affiner le résultat avec un agent de programmation, utilisez votre propre agent et son abonnement. Nous ne fournissons pas de crédits d’utilisation des modèles.
Votre abonnement+
La résiliation prend effet en fin de période payée. Vos créations téléchargées restent utilisables. L’abonnement IA est distinct.
Où mes projets sont-ils stockés ?+
Les brouillons restent dans ce navigateur. Lorsque vous vous connectez et choisissez Enregistrer dans le cloud, le projet est stocké dans votre compte. Un lien de partage n’est public qu’après sa création.
Puis-je exporter en MP4 ?+
Téléchargez le kit du projet, installez ses dépendances et exécutez la commande de rendu HyperFrames incluse sur votre ordinateur. Le navigateur exporte le HTML et l’ensemble des fichiers source.
Votre prochaine histoire commence ici.
Claude Code · Aperçu du processus
Installez notre 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
Installez cm-skills, connectez-vous avec un code et créez dans Claude Code ou Codex.