make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out.
紙感產品發表片（HyperFrames＋GSAP 填空模板）@ik_builds · Effort Medium · One-shot英文原文
Create a 15s motion-graphics film explaining {{PRODUCT}}. HyperFrames + GSAP, no voiceover, no footage.
Style: paper-light canvas, marker notes that draw on, real physics, huge kinetic type,
hard light/dark switches, a new idea every 1.5–2 s, a sound on every hit.
COPY: read {{POSITIONING_DOCS}} first. {{ONE_LINER}} For {{AUDIENCE}}. {{WHAT_IT_DOES}}
Name what the product learns, never the abstraction.
RULES
- No chrome (scrubber, timecode, fps, headers). No animator jargon on screen
("squash", "stagger", "easing"...). Every word speaks to the buyer.
- No invented results: no %, multipliers, customer names or figures.
- Never use: {{BANNED_WORDS}}.
- Logo: real mark {{LOGO_FILE}} + "{{PRODUCT}}" in {{WORDMARK_FONT}}; never a boxed logo file.
CRAFT
- Colours {{COLOR_CANVAS}} / {{COLOR_INK}} / {{COLOR_ACCENT_1}} / {{COLOR_ACCENT_2}}; notes in the
accents; dark mode = charcoal matching the palette.
- Fonts {{BRAND_FONTS}}; Anton for kinetic type; Caveat handwriting via stroke-dashoffset.
- Real easing, squash/stretch, stagger, overlap, onion skin, smear, follow-through. Check the
HyperFrames registry first. Set every from-state at t=0 (seek-safe); never cover an exit.
One primary move per transition; no generic push/slide/rotate-swing.
- Music in sections: drums drop on the dark switch and while the ball is airborne, slam back
on the type and the logo. SFX: pops, pen scribbles, whooshes, logo sub-hit. CC0 or generated
only; log sources. Master -14 LUFS, -2 dBTP, re-measured after AAC encode.
make a modern slick and punchy video for sherwood protocol. feel free to take branding or components from the landing page or app. the goal is to highlight how it enables agentic hedge funds, explaining it simply
Create a polished English trailer for an original game, made for sharing on X. Open with a striking hook in the first two seconds, make the visuals more refined, and remove the bottom progress bar. Generated music and sound effects are welcome.
Look up recent AI news, choose a topic, and make a fast-paced English YouTube-style video packed with memes. You can search for video clips, images and GIFs to use.
Create a mesmerizing film of physical forms and materials as chaos becomes harmony. Build and render the visuals and animation in code using any suitable framework, without AI-generated video clips or stock footage. Use 16:9 landscape and English for any on-screen text, lyrics or voiceover. Deliver an MP4 and editable source code; generated audio is allowed. Make a compressed version for X
純程式
明確禁止 AI 影片與素材庫，畫面全走程式渲染。交付 MP4、可編輯原始碼，以及適合 X 的壓縮版。
Create a fast-paced English YouTube-style explainer about the history of large language models, using code. Make it for a general audience, with original jokes and memes and a male voice. Use 16:9, aim for about 90 seconds, and proceed without user-provided materials.
Use code to create a cool, visually striking launch video for a fictional product, with a beautiful white UI, suitable for sharing on X. Generated sound effects are welcome. Speed up the visuals so the pacing feels less slow.
Create an impressive montage that shows off your editing and coding abilities. Use rich, varied material without repeating shots, with polished English presentation and sound through the ending. Focus the edit on the stronger climax in the later part.
Use JavaScript to make a beautiful video that surprises me and shows off your capabilities. I like typography-driven editing, varied English typefaces and a warm, minimalist aesthetic, with rich rhythm and color. You can also generate images or video clips—what matters is that it looks great. Use high quality, 16:9, about 30 seconds, and background music.
Look up recent news, choose a topic, and create a fast-paced English YouTube-style explainer with plenty of memes and meme images, which you can search for. Use 16:9 and aim for about 90 seconds. Proceed without user-provided materials.
Use p5.js to make an atmospheric story video inspired by the mood of The Odyssey, in English; voiceover is welcome. Turn it into a fast-cut trailer under one minute and add English subtitles.
Create a high-energy arcade dance video in English and 16:9. Use Seedance to generate a dancing anime character, then use code to build the rhythm-game visuals and beat-synced effects.
A video explaining recursion, where every explanation about recursion has a radically different video style, make this self-referential & clever & fast moving.
Create a 60 second music video in the style of Peter Gabriel's Sledgehammer and Big Time. But use modern references and figures. Also create the song, something sounds like it would fit on Peter Gabriel's So album.
make a dynamic lyrics motion graphics video based on the attached music, perfectly syncing the lyrics and animation to the vocals and beat. make it feel like an incredible motion designer’s showreel for a résumé. go all out.
# 從零開一個專案
npx create-video@latest --yes --blank my-video
cd my-video
npx remotion skills add
npm run dev
# 或全域安裝技能
npx skills add remotion-dev/skills
官方給 agent 直接貼的一段：Ensure Node.js is installed. Install Remotion Skills: `npx -y skills@latest add remotion-dev/skills -g -y` Then use them to create a video.
範例指令：/remotion-create Make a promo video for a record store
claude update
npx create-video --yes --blank --no-tailwind motion-studio
cd motion-studio
npm install
npx remotion skills add
npm run dev
# 另開一個終端機，同一個資料夾
claude --model claude-opus-5-5
故事分四拍：0～3 秒三張分散的報表卡「Too many tabs.」；3～7 秒游標把卡片收成一個總覽；7～12 秒總覽定格「One clear view.」；12～15 秒結尾卡「Explore the demo.」
Read the installed Remotion skills and inspect this project. We are making an original, self-initiated SaaS concept demo, not a real client's advertisement.
Prepare brief.md, style-guide.md and storyboard.md for a 15-second, 1920x1080, 30 fps video. Use original interface graphics. Keep a small readable ‘Concept demo’ label throughout. Do not use third-party logos, testimonials or performance claims.
Storyboard: frames 0–89 show three report cards labelled Ads, Social and Website with ‘Too many tabs.’ Frames 90–209 show a cursor selecting and gathering them into one overview. Frames 210–359 reveal that overview with ‘One clear view.’ Frames 360–449 hold ‘Explore the demo.’
Analyze any references I supplied for visual principles, not assets to copy. If no reference is available, propose a restrained typographic direction using an available licensed font and two accent colors. List exact copy, assets, frame ranges, transitions and sound cues. Cover every frame. Preserve existing CLAUDE.md instructions and add these project rules. Show the storyboard for review before building.
Implement the approved storyboard as a registered Remotion composition named SaaSDemo: 1920x1080, 30 fps, 450 frames. Preserve existing project work. Use the installed versions and their official APIs.
Separate editable copy, colors and asset paths from animation logic. Drive motion from useCurrentFrame and useVideoConfig; avoid wall-clock timers and unseeded randomness. Load the chosen font explicitly with the supported loading mechanism.
First render a low-resolution preview that covers all four scenes. Run the project's available type and lint checks. Fix errors before polishing.
Use Remotion spring() for the cards gathering into the overview. Start with mass 1, stiffness 180 and damping 22 as a tuning baseline, then inspect the result. Preserve element position when transitioning between states. Keep the headline still while it needs to be read. Do not animate every element simultaneously.
Export preview.mp4 and a contact sheet. Open the frames if supported, identify visible defects and fix the three most important ones. Save successful render commands and asset requirements in README.md. Report any checks you could not perform
Finish the sound and review SaaSDemo against storyboard.md. Use approved audio if supplied. Otherwise synthesize a short click, a soft movement cue and a restrained completion tone as local WAV files; use no paid service.
Place cues at the actual interaction frames, with short fades and headroom. Integrate them into the Remotion composition so the MP4 contains the intended audio. Preserve a silent version if needed for comparison.
Render a contact sheet at one-second intervals and around every scene boundary. Inspect the images if supported. Check readable text at phone size, spacing, cursor continuity, scene coverage and the final three-second hold. Inspect the exported file's duration, dimensions, frame rate and audio stream. Check audio peaks for clipping; if you cannot listen, ask me to review the mix.
Fix the three most important defects and repeat for at most three passes. Save timestamped findings in review.md. Never mark an unavailable check as passed. Return the actual files and remaining issues for my review
「Never mark an unavailable check as passed」這句很值得抄：做不到的檢查不准報通過。看一次靜音版、一次有聲版，確認故事都看得懂。
Create SaaSDemoVertical at 1080x1920, 30 fps, 450 frames by relaying out the approved film, not cropping it. Keep readable text, the concept label, the story and the audio timing.
Render both compositions as H.264 MP4s using the installed Remotion CLI. Verify each output opens and has the expected dimensions, duration and audio. Package the source project without secrets or node_modules, including the lockfile, permitted assets, license notes and exact install/render commands.
Create .claude/skills/motion-reel/SKILL.md with valid name and description frontmatter. Save the verified workflow and actual commands for future work, preserving unrelated instructions. Explain how to invoke /motion-reel and what must be supplied for a real client brief