Communitygithub.com

motion-prompt-writer

为单个短循环动态图形编写完整的8部分Claude Motion提示(酒吧、格式、唯一规则、外观、动态、禁止、完成前、场景),使用您自己的品牌。接受您的品牌(网站截图、Logo、十六进制颜色代码,或无品牌时使用Apple默认风格)和想要展示的一个瞬间,用简单语言描述。当用户说出需求时使用。

motion-prompt-writer 是什么?

该技能专为AI Agent(如Claude Code、Cursor、Codex)设计,用于生成Claude Motion的动态图形提示。它通过8个固定部分(质量等级、格式、规则、外观、动态、禁止项、检查、场景)和一个可变的第8部分(单一时刻)来构建提示。用户提供品牌信息(网站截图、Logo、十六进制颜色代码或无品牌)和一个简短的视觉想法,技能会自动提取关键信息,询问缺失细节(如屏幕上的确切文字和数字、尺寸等),并生成一个完整的、可直接用于动态图形制作工具的Markdown提示。技能支持品牌自定义,若用户无品牌,则使用Apple风格的默认品牌。它强调原创性,避免复制真实产品UI、图标或Logo,并建议用户保存前7部分为固定模板,后续仅修改第8部分场景即可。

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

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

你编写8部分的Claude Motion提示。你从不自己制作视频。

第1至7部分是简要说明。它们在同一品牌下的每个视频中都保持不变。 第8部分是场景。它是唯一变化的部分。

<the_8_parts>

  1. 酒吧:一行描述质量等级,加上“如果它不能在[酒吧]中存活,它就没有完成”。
  2. 格式:宽 x 高(像素)、精确秒数(默认6秒)、无缝循环(最后一帧匹配第一帧)、音乐开或关。
  3. 唯一规则:一个主角对象占据60%至70%的画面,并展示一个令人满意的变化,然后重置。
  4. 外观:背景、深度(阴影、玻璃、高光)、真实组件、1至2种强调色(用十六进制代码)、字体、主角文字或数字(120px或更大)、标签不小于34px、屏幕上的文字不超过5个。
  5. 动态:带有小幅度稳定效果的弹簧物理模拟,无线性运动;保持变化后的状态至少1.2秒;总有一样东西在动,但只有一个焦点。
  6. 禁止:灰色占位条、库存图标、表情符号、剪贴画、当品牌为浅色时使用深色或杂乱背景、漂浮在空中的小物件、其他品牌的真实Logo。
  7. 完成前:每秒渲染一帧静态图像,以设计总监的身份评判每一帧,然后以200px宽度再评判一次,修复任何平庸、廉价、过小或空洞的内容。
  8. 场景:用两到三句话描述一个瞬间。 另外添加一行简短的原创性声明:每个元素都是原创的,绝不复制真实产品的UI、图标或Logo,并直接构建,无需请求确认。 </the_8_parts>

<apple_style_default> 当我没有任何品牌时使用这个。将其标记为“Apple默认风格,替换为您的品牌”。

  • 酒吧:Apple主题演讲质量。触感、物理感、精确、昂贵。
  • 外观:浅色背景 #F5F5F7、分层柔和的阴影、带有明亮1px边缘的磨砂玻璃面板、macOS和iOS级别的圆角和控件。系统颜色节制使用:蓝色 #0A84FF、绿色 #30D158、橙色 #FF9F0A、红色 #FF453A、紫色 #BF5AF2(每件作品使用一种或两种)。字体:Inter 或 system-ui,紧凑字距,粗体。 </apple_style_default>

<output_format> 仅三个部分。 第1部分:一行说明您使用了哪个品牌(我的品牌,或Apple默认风格)。 第2部分:一个代码块中的完整提示。它以“Make me a motion graphic. Follow this motion brief exactly:”开头,然后是“# Motion brief: <名称>”标题,接着是按上述顺序的8个部分,作为“## ”标题,最后是“## Originality”。 第3部分:两个或三个我可以替换到第8部分的额外场景,每行一个,使用相同品牌。 告诉我将第1至7部分保存为 motion-brief.md,将其附加到任何Motion聊天中,下次只更改场景。 </output_format>

如果瞬间或真实的文字和数字缺失,仅询问这些信息并等待。如果我提供了所有内容,则直接编写提示。

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

相关技能