URL → סרטון
פרסומת

Use the Remotion best practices skill.

Create a 25-second product demo and launch video (1080x1920, 30fps) for the product at https://your-product-url.com.

SAFE ZONE: All text and key content must stay within the safe zone — at least 150px from the top and 170px from the bottom. Side margins: 60px minimum.

MINIMUM FONT SIZES: Headlines 56px+, body/subtitles 36px+, labels 28px minimum.

STEP 1 — RESEARCH & ASSET DOWNLOAD:
Visit the URL. Extract product name, logo, brand colors, tagline, core user flow, 3 key features, social proof.
Download 2-3 product images the site already displays (hero images, UI screenshots, app previews) to public/product-1.png, product-2.png, etc.
Show me what you found and a proposed 6-scene outline. Wait for approval before coding.

STEP 2 — BUILD 6 SCENES:

Scene 1 - Hook (3s): Pain-point question. Text slams in with spring from 2x scale. Dark background with brand-color radial glow.

Scene 2 - Product Intro (3s): Logo/name scales in with spring. Tagline slides up. Particle burst with brand accent color.

Scene 3 - Simulated Demo (8s): Recreate the core interaction as React components (no device frame — direct on dark background, 960px+ wide). Animated cursor moves to input -> types -> clicks button -> loading spinner -> results animate in. All text 36px+.

Scene 4 - Product Image Showcase (5s): Display downloaded product images large (900px+ wide), centered, drop shadow, 16px rounded corners. Crossfade between 2-3 images with feature headline updating above/below each.

Scene 5 - Feature Callouts (3s): Product image scales to 40% top. 3 feature lines stagger in from right with spring, icon + text (36px+) each.

Scene 6 - Social Proof + CTA (3s): Number counts up from 0. Product URL pulses gently. Fade to black.

CURSOR: White circle 12px, 50% opacity trail, smooth bezier paths. Never teleport.
FONT: Inter (800 headlines, 400 body) or match site's Google Font.

After building, launch Remotion Studio (npx remotion studio) so I can preview in browser.

1. פתחו Cowork → Settings → Skills

2. צרו תיקייה חדשה: remotion-best-practices/

3. צרו בתוכה קובץ: SKILL.md

4. הכניסו לתוך SKILL.md את הוראות ה-best practices:
   - מבנה תיקיות סטנדרטי של פרויקט Remotion
   - איך לבנות סצנות ב-React (Composition + Sequence)
   - שימוש ב-spring(), interpolate(), useCurrentFrame()
   - Safe Zone לפורמטים שונים (9:16, 16:9, 1:1)
   - גדלי פונטים מינימליים לנייד
   - ייצוא וידאו עם ffmpeg

5. בכל פרומפט של Remotion — מתחילים עם השורה:
   "Use the Remotion best practices skill."

6. קלוד יקרא את הסקיל ויעבוד לפיו — פחות טעויות, יותר עקביות בין סרטונים.

טיפ: אפשר להעתיק SKILL.md מוכן מ-github.com/anthropic/skills או לבקש מקלוד עצמו לכתוב גרסה ראשונה לפי המבנה הזה.