Hier beginnt deine Geschichte
SCHRITT 01
Füge deine Inhalte ein
Ein Artikel, ein Skript, ein Geistesblitz. Beginne mit den Worten, die du bereits hast.
CLAUDE MOTION SKILLS · FÜR CLAUDE CODE UND CODEX
Claude Motion:
verwandle einen Artikel in Bewegung.
ARTIKEL → SKRIPT → NOTIZEN → IDEE → DEIN NÄCHSTES VIDEO
Eine Geschichte, die man teilen möchte. Ein Look, der zu dir passt. Verwandle deine Worte mit deinem vertrauten Agenten in ein animiertes Video.
CLAUDE MOTION SKILLSEINE STUDIE IN BEWEGUNG ↗
✳
AUS EINER EINZIGEN IDEEErschaffe etwas,
das man sehen möchte.
das man sehen möchte.
Worte. Rhythmus. Eine neue Perspektive.
ORIGINALSTUDIE ZUR ANIMATION
HTML → ANIMATIONKOMPATIBEL MIT
✳ Claude Code CodexOpenCodeCursorKimiUnd dein bevorzugter Agent
Direkt in deinen Lieblingstools.
Claude Code · Vorschau des Arbeitsablaufs
Unsere CLI installieren
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
cm-skills installieren, per Gerätecode anmelden und in Claude Code oder Codex erstellen.
SO FUNKTIONIERT ES
Drei Schritte. Eine gute Geschichte.
Bring deine Inhalte mit. Wähle deine Richtung. Gib deiner Geschichte die Bewegung, die sie verdient.
Mach es zu deinem Werk
SCHRITT 02
Visuellen Stil wählen
Markante Typografie, ruhige Präsentationen, Papiercollagen. Finde die passende Stimmung für deine Geschichte.
Bereit, wenn du es bist
SCHRITT 03
Vorschau, verfeinern, teilen
Bearbeite dein Storyboard, sieh dir die Animation an und nimm das gesamte Projekt mit.
MOTION · AUF HyperFrames AUFGEBAUT
HTML hinein. Eine bewegte Geschichte heraus.
Eine offene Leinwand, eine präzise Zeitleiste und ein Projekt, das du behalten kannst.
DEINE KOMPOSITION
Kleine Ideen.
Wunderschön erzählt.
Dein AgentWunderschön erzählt.
Deine Überschrift · Szene 01
Ebenen und Bewegung
Die Geschichte, Wort für Wort
Füge dein eigenes Audio hinzu
Auf Lesbarkeit ausgelegt
Bearbeitbares HTML. Jedes Wort, jede Farbe und jeder Moment gehören dir.
Zum Weiterentwickeln gemacht
Verfeinere dieselbe Komposition in deinem Coding-Agenten.
Das ganze Projekt behalten
Lade die Quelldateien herunter und rendere lokal mit HyperFrames.
Dein eigener kreativer Partner
Funktioniert mit den Coding-Tools, die du bereits kennst.
Basiert auf der Open-Source-Engine HyperFrames von HeyGen (Apache-2.0). Unabhängig entwickelt.
VOM ENTWURF ZUM ERGEBNIS
Alles, was deine Geschichte braucht.
Starte einfach. Mach es persönlich. Behalte die kreative Kontrolle.
Bring es in Bewegung.
TYPOGRAFIE ↗Kinetische Typografie
Worte, die mit etwas mehr Gefühl ankommen.
Eine klare Perspektive.
BILDER ↗Visuelles Erzählen
Mach eine Idee leichter sichtbar und verständlich.
Szene 01 → 02
GESCHICHTE ↗Bearbeitbare Storyboards
Passe Reihenfolge, Text und Tempo jeder Szene an.
Deine nächste Geschichte.
ARBEITSBEREICH ↗Dein eigener Arbeitsbereich
Behalte lokale Entwürfe oder speichere Projekte in deinem Konto.
Bereit zum Teilen.
TEILEN ↗Vorschau teilen
Erstelle einen öffentlichen Link, sobald du bereit bist.
Von HTML zu MP4.
EXPORTIEREN ↗Lokaler Videoexport
Verwandle das Quellpaket auf deinem Computer von HTML in MP4.
CLAUDE CODE / CODEX
Dein Agent. Dein kreativer Prozess.
Erstelle hier einen ersten Entwurf und öffne das Projekt anschließend in deinem Coding-Agenten. Beschreibe deine gewünschten Änderungen: ein langsameres Einblenden, einen stärkeren Einstieg, einen anderen Rhythmus. Jedes Projekt bleibt bearbeitbar.
| HIER STARTEN | LOKAL WEITERARBEITEN |
|---|---|
| Artikel oder Skript | Dein Coding-Agent |
| Bearbeitbare Szenen | Verfeinertes Animationsdesign |
| Animierte HTML-Vorschau | MP4 über HyperFrames |
| Dein Abonnement | Deine eigenen Tools und dein Tarif |
MOTION / PPT
Wähle deine Bildsprache.
Wähle eine visuelle Richtung. Jeder Stil öffnet eine funktionsfähige Originalkomposition.
Zu meinem Inhalt passend
Beschreibe Thema, Publikum oder Stimmung. Die Suche nutzt Stichwörter; Mehrfachauswahl ist möglich.
67 Stile und Ressourcen
Wähle eine visuelle Richtung. Jeder Stil öffnet eine funktionsfähige Originalkomposition.
Auswählen und gestaltenAlle Stile
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
ENTWICKELT FÜR
Für Menschen, die etwas zu erzählen haben.
Kreative
Erstelle die nächste Geschichte, die dein Publikum speichert.
Lehrkräfte
Gib komplexen Ideen eine klare visuelle Form.
Unabhängige Kreative
Zeige, was dein Produkt besonders macht.
Geschichtenerzähler
Finde einen neuen Rhythmus für die Worte, die du liebst.
PREISE
Ein einfacher Einstieg.
Motion, 61 PPT-Stile und Audioguthaben. Erstelle mit deinem Claude Code oder Codex und rendere lokal.
Die Audioverfügbarkeit ist noch nicht bestätigt. Bis zur Prüfung des Dienststatus ist der Kauf pausiert. Lade diese Seite vor dem Abonnieren erneut.
Originale Umsetzung
Creator
$19.90/ Monat
80,000 Credits pro Monat
- Motion + 61 originale PPT-Stile
- HTML-Präsentationen und Sprechernotizen
- Eigener Agent-Tarif und lokales MP4-Rendering
Originale Umsetzung
Studio
$49.90/ Monat
240,000 Credits pro Monat
- Motion + 61 originale PPT-Stile
- HTML-Präsentationen und Sprechernotizen
- Eigener Agent-Tarif und lokales MP4-Rendering
Kündigung zum Ende des bezahlten Zeitraums. Heruntergeladene Werke bleiben nutzbar. KI-Abos sind separat.
Häufige Fragen
Ein paar gute Fragen.
Ist das ein offizielles Produkt von Anthropic?+
Nein. Claude Motion Skills wird unabhängig betrieben. Die Namen Claude Code und Codex bezeichnen kompatible Tools, keine geschäftliche Verbindung.
Was kann ich hier erstellen?+
Erstelle aus deinem Artikel oder Skript ein bearbeitbares Storyboard, sieh dir die animierte HTML-Komposition an und lade ein Projektpaket zum lokalen Rendern des Videos herunter.
Brauche ich ein KI-Abonnement?+
Storyboard und Vorlagen im Browser funktionieren ohne KI. Wenn du das Ergebnis mit einem Coding-Agenten verfeinern möchtest, nutze deinen eigenen Agenten und dessen Tarif. Modellguthaben ist nicht enthalten.
Dein Abonnement+
Kündigung zum Ende des bezahlten Zeitraums. Heruntergeladene Werke bleiben nutzbar. KI-Abos sind separat.
Wo werden meine Projekte gespeichert?+
Entwürfe bleiben in diesem Browser. Wenn du dich anmeldest und „In der Cloud speichern“ wählst, wird das Projekt in deinem Konto gespeichert. Ein Freigabelink wird erst öffentlich, nachdem du ihn erstellt hast.
Kann ich MP4 exportieren?+
Lade das Projektpaket herunter, installiere die Abhängigkeiten und führe den enthaltenen HyperFrames-Renderbefehl auf deinem Computer aus. Der Browser exportiert HTML und das vollständige Quellpaket.
Deine nächste Geschichte beginnt hier.
Claude Code · Vorschau des Arbeitsablaufs
Unsere CLI installieren
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
cm-skills installieren, per Gerätecode anmelden und in Claude Code oder Codex erstellen.