Best Prompts for Vibe-Motion

The quality of your Vibe-Motion output depends almost entirely on how you write your prompts. This guide covers everything from the fundamental rules of prompt engineering to the 10 best prompts you can copy and use today, plus common mistakes and workflow optimization techniques.

Good vs Bad Prompts

The difference between a vague prompt and a specific one is the difference between a mediocre result and a professional one. Here are some side-by-side comparisons:

Bad Prompt	Good Prompt	Why It's Better
"Make a chart"	"Create a vertical bar chart with 4 bars showing Q1-Q4 revenue, green bars on white background, bars grow upward sequentially over 2 seconds"	Specifies chart type, data, colors, background, animation style, and timing
"Animate some text"	"Fade in the title 'Product Launch' letter by letter in bold white, 48px, centered on a #1a1a2e background, over 1.5 seconds"	Defines text content, animation type, style, size, position, color, and duration
"Make it look nice"	"Use a minimal Apple-keynote style with lots of whitespace, SF Pro font, and subtle fade transitions between sections"	References a known style, specifies font and transition type
"Add animation"	"Each bullet point should slide in from the left with a 0.3s delay between items, using ease-out easing"	Describes specific motion, timing, stagger delay, and easing curve

Key principle: Every detail you leave unspecified is a decision the AI will make for you. Sometimes that's fine -- but for professional results, the more specific you are, the closer the output matches your vision.

The Four Rules of Prompt Engineering

Rule 1: Be Specific About Everything

Include exact colors (hex codes), precise timing (seconds), specific fonts, exact text content, and defined dimensions. Vagueness leads to generic results.

// Instead of: "blue background"
// Write: "#1E3A5F dark navy background"

// Instead of: "fade in"
// Write: "fade in from 0% to 100% opacity over 0.8 seconds with ease-out"

Rule 2: Think Sequentially

Describe animations in the order they should happen. The AI processes your prompt linearly, so sequential descriptions produce sequential animations.

1. Background fades in (0-0.5s)
2. Title slides down from top (0.5-1.0s)
3. Subtitle fades in below (1.0-1.5s)
4. CTA button scales up from center (1.5-2.0s)
5. Hold for 1 second, then fade everything out

Rule 3: Reference Known Effects

Use standard motion design terminology that the AI understands:

• Fade in / fade out -- opacity transitions
• Slide in from left/right/top/bottom -- directional entrance
• Typewriter effect -- characters appear one at a time
• Elastic bounce -- overshoot and settle animation
• Scale up / scale down -- size transitions
• Stagger -- sequential animation with delay between items
• Parallax -- elements move at different speeds for depth
• Wipe -- reveal effect that sweeps across the frame

Rule 4: Iterate Step by Step

Don't try to describe a complex animation in one prompt. Build it up progressively:

1. First prompt: Establish the layout and core content
2. Second prompt: Add animation and motion
3. Third prompt: Refine timing, colors, and details
4. Fourth prompt: Polish and finalize

This approach works because Vibe-Motion has context memory -- it remembers everything from the conversation, so each new message builds on the previous state.

The Art of Iteration

Iteration is the most powerful technique in Vibe-Motion. The AI remembers your entire conversation, so you can refine progressively. Here's an example workflow:

Prompt 1: "Create a title card that says 'Annual Report 2026' centered
on a dark background"

Prompt 2: "Change the font to something more elegant and add a subtle
gradient from #1a1a2e to #2d2d44"

Prompt 3: "Add a thin horizontal line below the title that draws in
from the center, and add the subtitle 'Q4 Financial Summary' below it"

Prompt 4: "Make the title fade in over 1 second, then the line draws
in over 0.5 seconds, then the subtitle fades in over 0.5 seconds"

Prompt 5: "Slow down the title animation to 1.5 seconds and add a
slight scale-up effect (100% to 102%) during the fade"

Each prompt refines one specific aspect. This produces much better results than trying to describe everything at once.

Pro tip: If the AI takes your animation in an unwanted direction, you can say "undo that last change" or "go back to how it was before the last edit" and the AI will revert.

Timing and Pacing Tips

Timing is what separates amateur animations from professional ones. Follow these guidelines:

Element	Recommended Duration	Notes
Title fade-in	0.8 - 1.5s	Slower feels more elegant, faster feels more energetic
Subtitle entrance	0.5 - 0.8s	Slightly faster than the title
Stagger delay	0.1 - 0.3s	Delay between list items or sequential elements
Chart bar growth	0.5 - 1.0s per bar	With 0.2s stagger between bars
Scene transition	0.3 - 0.5s	Keep transitions quick to maintain flow
Hold/pause	1.0 - 2.0s	Give viewers time to read content

General pacing rules:

• Social media (TikTok, Reels): Fast pacing, 0.3-0.5s transitions, keep total under 15s
• Presentations: Moderate pacing, 0.5-1.0s transitions, allow reading time
• Brand intros: Slower, deliberate pacing, 1.0-1.5s transitions for elegance

Color Best Practices

Always use hex codes for precise color control. Here are some proven color combinations for motion graphics:

Style	Background	Text	Accent
Corporate Dark	#1a1a2e	#FFFFFF	#3B82F6
Clean Light	#FFFFFF	#111827	#10B981
Warm Creative	#FFF7ED	#1C1917	#F59E0B
Tech Modern	#0F172A	#F1F5F9	#8B5CF6
Bold Social	#111827	#FFFFFF	#EF4444

Tips for color in prompts:

• Always include hex codes, not just color names
• Limit your palette to 3-4 colors maximum
• Use high contrast between text and background for readability
• Specify whether you want gradients or flat colors

10 Best Prompts

Copy and customize these prompts for your own projects:

1. Professional Title Card

Create a 5-second title card. Background: solid #1a1a2e.
Title "Company Name" in white, 64px, bold, centered.
Subtitle "Tagline Here" in #94A3B8, 24px, 20px below title.
Animation: title fades in and scales from 98% to 100% over 1.2s,
subtitle fades in 0.5s later over 0.8s. Hold 2s, fade all out.

2. Animated Bar Chart

Create a horizontal bar chart with 5 categories:
Marketing: 85%, Sales: 72%, Engineering: 91%, Design: 68%, Support: 79%.
Use #3B82F6 bars on white background. Each bar grows from left to right
with 0.3s stagger. Show percentage labels at the end of each bar.
Total animation: 4 seconds.

3. Social Media Quote

Create a square (1:1) animated quote card for Instagram.
Background: #111827. Large quotation mark in #3B82F6 at 20% opacity.
Quote text: "Innovation distinguishes between a leader and a follower."
White, 28px, centered. Attribution "- Steve Jobs" in #6B7280 below.
Typewriter effect on quote over 3s, attribution fades in after.

4. Countdown Timer

Create a 10-second countdown from 5 to 1, then show "GO!"
Each number: large (120px), bold, white, centered on #0F172A background.
Numbers scale up from 80% with elastic bounce, hold 1.5s, fade out.
"GO!" text in #10B981, scale up with extra bounce. Add a subtle
pulse ring effect around each number.

5. Product Feature Showcase

Create a feature showcase with 3 sections, each lasting 3 seconds:
Section 1: "Lightning Fast" with a bolt icon metaphor, #F59E0B accent
Section 2: "Bank-Grade Security" with a shield metaphor, #10B981 accent
Section 3: "24/7 Support" with a clock metaphor, #3B82F6 accent
Each section: fade in title, animate icon, show brief description.
Clean transitions between sections. White background, dark text.

6. Data Story Infographic

Create an animated infographic showing user growth:
"10K users in January" -> "50K in March" -> "200K in June" -> "1M today"
Show as an animated counter with a line graph growing behind the numbers.
Use #3B82F6 for the line, white numbers on #0F172A background.
Each milestone holds for 2 seconds. Total: 10 seconds.

7. Logo Reveal

Create a minimal logo reveal sequence:
1. Screen starts black
2. A thin white horizontal line draws from center outward (0.5s)
3. Logo text "BRAND" appears above the line with fade + slight upward
   motion (0.8s)
4. Tagline "Innovate Forward" appears below in #6B7280 (0.5s)
5. Hold for 2 seconds
Clean, elegant, minimal. No particles or effects.

8. Presentation Slide Transition

Create an animated presentation slide transition:
Outgoing slide content fades out and shifts left slightly (0.3s).
New slide background wipes in from right (0.4s).
New title "Q4 Results" slides in from right (0.5s).
Bullet points stagger in from below, 0.2s delay each:
- "Revenue up 23%"
- "New markets: 5"
- "Customer satisfaction: 94%"
White background, #111827 text, #3B82F6 accent on key numbers.

9. YouTube Intro

Create a 4-second YouTube channel intro (16:9):
Background: animated gradient from #0F172A to #1E293B slowly shifting.
Channel name "CHANNEL" in bold white, 72px, with glitch/digital
effect on entrance (0.5s). Subscribe text "Subscribe for weekly tips"
fades in below in #94A3B8, 18px. Add a subtle grid pattern overlay
at 5% opacity for texture. End with a clean hold.

10. Event Announcement

Create an event announcement animation (9:16 vertical for Stories):
Background: #FFFFFF.
"SAVE THE DATE" in #9CA3AF, 14px, tracking wide, fades in first.
Event name "Design Summit 2026" in #111827, 36px, bold, slides up.
Date "March 15-17" in #3B82F6, 20px, fades in.
Location "San Francisco, CA" in #6B7280, 16px, fades in.
Stagger all elements with 0.4s delay. Add a thin #E5E7EB line between
event name and details. Total: 5 seconds.

Common Mistakes

Avoid these common prompt engineering mistakes:

Mistake	Problem	Fix
Too vague	AI makes assumptions that don't match your vision	Include specific colors, sizes, timing, and content
Too long (single prompt)	AI may miss details or produce inconsistent results	Break complex animations into 3-4 iterative prompts
No timing specified	Animations feel rushed or drag too long	Always include duration in seconds for each element
Color names instead of hex	"Blue" could be any of 50 blues	Use hex codes: #3B82F6 instead of "blue"
Describing what, not how	"Add a chart" gives no animation guidance	"Add a bar chart where bars grow upward over 2s"
Ignoring context	Describing platform-specific content without specifying platform	State the target: "for Instagram Stories (9:16 vertical)"

Workflow Optimization

Follow this workflow for consistently high-quality results:

1. Plan before prompting. Sketch out your animation sequence on paper or in your head before typing the first prompt. Know what you want to create.
2. Start with structure. Your first prompt should establish layout, content, and overall design -- not animation. Get the static version right first.
3. Add motion second. Once the layout looks correct, add animation with specific timing and easing in your second prompt.
4. Refine in small steps. Each subsequent prompt should change one or two things. Don't make massive changes mid-project.
5. Use templates when possible. For standard formats (social posts, presentations, intros), start with a template and customize rather than building from scratch.
6. Save your best prompts. Keep a personal library of prompts that produced great results. Reuse and adapt them for new projects.
7. Preview at full speed. Always watch the final animation at normal playback speed before exporting. Timing issues are only visible at real speed.
8. Export at the right resolution. Use 720p for drafts and reviews, 1080p for most social media, and 4K only for final broadcast-quality output.

Remember: Vibe-Motion preserves context across your entire conversation. You can always go back and refine any aspect of your animation by simply describing what you want to change. The AI will apply your changes to the current state without losing previous work.

What's Next

• Getting Started -- If you haven't created your first animation yet, start here.
• Features -- Explore all the creation modules and capabilities available.
• Tools & Pricing -- Compare tools and understand the credit system.