Communitygithub.com

motion-prompt-writer

Escribe un prompt completo de Claude Motion en 8 partes (The bar, Format, The one rule, Look, Motion, Never, Before you finish, The scene) para un gráfico en movimiento corto y en bucle, con tu propia marca. Toma tu marca (una captura de pantalla de sitio web, un logotipo, códigos hexadecimales o nada para usar el estilo Apple por defecto) y un momento que quieras mostrar, en palabras simples. Úsalo cuando alguien lo solicite.

¿Qué es motion-prompt-writer?

Esta habilidad está diseñada para desarrolladores y creadores que utilizan Claude Motion para generar gráficos animados cortos y en bucle. Su propósito es traducir una idea simple y una identidad de marca en un prompt estructurado de 8 partes que Claude Motion pueda ejecutar directamente. El skill se encarga de guiar al usuario para que proporcione la información esencial: la marca (ya sea a través de una captura de pantalla, un logo, códigos hex, o usando el estilo Apple por defecto), el momento específico a mostrar (un solo cambio en pantalla), las palabras y números exactos, y las dimensiones del video. Luego, el agente genera automáticamente el prompt completo, asegurándose de que cumpla con reglas de diseño como un único objeto héroe que ocupa del 60 al 70% del encuadre, física de resorte con asentamiento, y un bucle sin costuras. La habilidad también verifica la originalidad de los elementos y solicita información faltante de manera eficiente. Es compatible con Claude Motion y se activa cuando un usuario menciona su intención de crear un motion graphic. El resultado final es un prompt en un bloque de código y una lista de escenas alternativas, listo para usar.

Compatible con✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/charlie947/motion-graphics-skills/tree/main/skills/motion-prompt-writer

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Escribes prompts de Claude Motion en 8 partes. Nunca construyes el video tú mismo.

Las partes 1 a 7 son el resumen. Permanecen iguales para cada video de una misma marca. La parte 8 es la escena. Es la única parte que cambia.

<las_8_partes>

  1. The bar: el nivel de calidad en una línea, más "si no sobrevive en [the bar], no está terminado".
  2. Format: ancho x alto en píxeles, segundos exactos (6 por defecto), bucle sin costuras (el último fotograma coincide con el primero), música activada o desactivada.
  3. The one rule: un objeto héroe ocupa del 60 al 70% del encuadre y muestra UN cambio satisfactorio, luego se reinicia.
  4. Look: fondo, profundidad (sombras, vidrio, reflejos), componentes reales, 1 o 2 colores de acento como códigos hexadecimales, fuente, la palabra o número héroe a 120px o más, etiquetas nunca por debajo de 34px, máximo 5 palabras en pantalla.
  5. Motion: física de resorte con un pequeño asentamiento, nada lineal, mantener el estado posterior al menos 1.2 segundos, una cosa siempre viva pero solo un foco.
  6. Never: barras de marcador de posición grises, iconos predeterminados, emojis, clip art, fondos oscuros o ruidosos si la marca es clara, objetos pequeños flotando en el espacio vacío, logotipos reales de otras marcas.
  7. Before you finish: renderiza un fotograma cada 1 segundo, juzga cada uno como un director de diseño, luego de nuevo a 200px de ancho, y corrige cualquier cosa genérica, barata, demasiado pequeña o vacía.
  8. The scene: un momento en dos o tres oraciones. También añade una línea corta de Originality: cada elemento es original, nunca una copia de la interfaz de usuario, iconos o logotipos de un producto real, y construye directamente sin pedir confirmación. </las_8_partes>

<estilo_apple_por_defecto> Usa esto cuando no tenga marca. Etiquétalo como "Estilo Apple por defecto, reemplázalo con tu marca".

  • The bar: calidad de presentación de Apple. Táctil, físico, preciso, caro.
  • Look: fondo claro #F5F5F7, sombras suaves en capas, paneles de vidrio esmerilado con un borde brillante de 1px, squircles y widgets de calidad macOS e iOS. Colores del sistema usados con moderación: azul #0A84FF, verde #30D158, naranja #FF9F0A, rojo #FF453A, púrpura #BF5AF2 (uno o dos por pieza). Fuente: Inter o system-ui, tracking ajustado, pesos pesados. </estilo_apple_por_defecto>

<formato_de_salida> Solo tres partes. Parte 1: una línea que indique qué marca usaste (la mía, o el estilo Apple por defecto). Parte 2: el prompt completo en UN bloque de código. Comienza con "Hazme un gráfico en movimiento. Sigue este resumen de movimiento exactamente:", luego un encabezado "# Resumen de movimiento: ", luego las 8 partes como encabezados "## " en el orden anterior, luego "## Originality". Parte 3: dos o tres escenas adicionales que podría intercambiar en la parte 8, una línea cada una, en la misma marca. Dime que guarde las partes 1 a 7 como motion-brief.md, lo adjunte a cualquier chat de Motion, y que la próxima vez solo cambie The scene. </formato_de_salida>

Si faltan el momento o las palabras y números reales, pregunta solo por eso y espera. Si proporcionaste todo, escribe el prompt de inmediato.

Individual skills in this repo

This repo contains 14 individual skills — each has its own dedicated page.

animated-chart

Make a looping animated chart for LinkedIn or a newsletter in code with Claude Code. Bars that become a line, a number that counts up, a before and after. Every value stays exactly as given. Use when someone says

apple-launch-film

Rebuild an Apple-style Mac launch film entirely in code with Claude Code. A thin menu bar, the black notch growing into widgets one scene at a time, full-screen gradient wallpapers and one short caption per scene. No screen recording, no After Effects. Use when someone says

brand-intake

The setup step every other skill in this pack reads. A short interview plus 3 to 5 reference frames becomes two files in your project, brand.md (who you are, what you sell, your assets) and MOTION.md (your colours, type, timing and motion rules), plus a rule in CLAUDE.md so Claude reads them before it animates anything. Use at the start of any motion project, or when someone says

launch-video

Make a 30-45 second product launch video in code with Claude Code, the kind SaaS companies post on launch day. One sentence split across scenes, real product screens with slow camera moves, a typed prompt, a proof beat and a clear call to action. Use when someone says

loop-cover

Turn a newsletter or blog cover into a seamless looping GIF at 896 x 640, 180 frames at 20fps. Only the one element you name moves, the loop is rotated so frame 1 shows the finished picture, and the seam is measured, not eyeballed. Use when someone says

milestone-reveal

Make a 12-second looping milestone clip in code with Claude Code. Thousands of tiny points drift like a night sky, pull together into your real number (followers, subscribers, revenue, customers), a line draws underneath and the label settles in. Premium, not a party. Use when someone says

model-showdown

Give the same motion brief to three AI models, keep each first try, render all three the same way and stack them into one comparison video with model names and logos. Makes a 16:9 side-by-side for a newsletter and a 1080 x 1920 stacked reel for Instagram and TikTok. Use when someone says

motion-brief-writer

Turns a rough idea for an animated graphic into a precise build brief for Claude Code, in your own brand. Asks for anything essential first (exact numbers, size, length, brand), keeps real results apart from sample data, and never invents a figure. Use when someone says

motion-effects

Build any of 16 premium motion effects from scratch in your own brand, as one 8-second looping HTML file with window.seek(seconds) so it exports frame-exact to MP4 or GIF. Interfaces (button to player, search to results, card to workspace, tabs to panels), data (chart morph, dashboard zoom, spring stack, magnetic dock), type (masked type, elastic type, text to layout, image reveal) and systems (perspective shift, glass focus, flowing paths, particle logo). Use when someone says

newsletter-promo

Turn a newsletter edition into a 12-20 second promo clip for LinkedIn, Instagram or X that drives people to read and subscribe. Hook question, three proof frames from the edition, then the newsletter name and where to read it. Use when someone says

reel-export

Turn any horizontal or square motion video into a 1080 x 1920 Instagram Reel or TikTok that uploads cleanly. Headline and logos inside the safe zone, H.264, yuv420p, limited colour range, bt709, a silent audio track when there is no sound, and an ffprobe check before upload. Use when someone says

reference-to-motion

Turn references you admire into a scene-by-scene Claude Motion prompt for your own topic and brand. Takes a video for the moves (screenshots, frames or a contact sheet of a reel or ad) and, optionally, a look reference for the style (a website, a brand, a moodboard). Use when someone says

title-sequence-3d

Make a cinematic 3D title sequence (8-15 seconds) in code with Claude Code and Three.js. A camera moves through a lit scene, such as a rainy street at night with brand names as neon signs, then a big question or title lands. Use when someone wants a scroll-stopping opener, a film-style intro,

vox-explainer

Make a short Vox-style documentary explainer (30-60 seconds) entirely in code with Claude Code. Torn paper, halftone texture, bold condensed type, motion on twos. Use when someone says

Skills relacionados