Prompt file imported from ryantheirreal/dominyk (.windsurf/workflows/motion-design.md). Copyright stays with the author.

Motion Design Workflow

This workflow generates high-quality images and videos using Gemini 3.1 Pro multimodal AI with the AllureVips Cyber-Elegance aesthetic.

Prerequisites

• Gemini API key configured in environment variables
• Video Studio API running locally (optional for advanced features)
• Kling API access for video generation (optional)

Steps

1. Generate Concept Images

   • Use motion-design skill to create base images
   • Apply Cyber-Elegance aesthetic (neon liquid, premium luxury)
   • Generate multiple variations for A/B testing

2. Create Video Scenes

   • Use Video Studio API local endpoint: http://localhost:8080/api/generate
   • Configure model: kling-omni or cidense
   • Set resolution to 4K for premium quality
   • Duration: 30-60 seconds for landing pages

3. Apply AllureVips Branding

   • Use color palette: orange-500, amber-400, purple-500
   • Add neon glow effects
   • Include premium typography
   • Ensure mobile-first responsive design

4. Export and Optimize

   • Export in WebM format for web
   • Compress for optimal loading
   • Generate thumbnails
   • Upload to CDN or local storage

Integration Points

• Landing pages: components/OutmizedUnifiedLanding.tsx
• Cinematic page: components/Cinematic.tsx
• Phone notifications: components/ui/phone-notifications.tsx

Example Usage

# Generate cinematic video
curl -X POST http://localhost:8080/api/generate \
  -H "Content-Type: application/json" \
  -H "Authorization: Bearer $VIDEO_STUDIO_API_KEY" \
  -d '{
    "model": "kling-omni",
    "prompt": "Cinematic AllureVips branding with neon effects",
    "duration": 30,
    "resolution": "4K"
  }'

Quality Checklist

• Images follow Cyber-Elegance aesthetic
• Videos are 4K resolution
• Mobile-optimized versions created
• Branding colors applied correctly
• File sizes optimized for web