--- name: pm-deifosv-04e4d3 description: A 30-second launch trailer for a browser 3D tennis game: dimmed top-down gameplay under huge condensed headlines, opening with live stat counters (games played, hours on court) and a LIVE pill, then 'no download, no install, no sign-up' on slanted highlighter bars, a phone mock-up running the game with device chips, a court roll call with city names, a wireframe globe with player dots and arcs, and an end card with app icon and URL pill. --- # KOSIF TOOL — Tennis game launch video / إطلاق لعبة تنس بإحصاءات حية ## Primary motion reference (المرجع) - Page: https://www.promptsmotion.com/deifosv-04e4d3 - Video: https://www.promptsmotion.com/__l5e/assets-v1/c2f11f47-7a3a-4c64-b7aa-48cfea0ee94a/f2257ea18d68850a.mp4 - Credit: @deifosv (https://x.com/deifosv/status/2103197522382786581) - Source type: Prompt · Origin: PromptsMotion - Published on source: 2026-09-24 · credited model: Opus 5.5 · effort: Max - Reference aspect: 16:9 (1920×1080) - Creator's public prompt length: about 36 words (not reproduced here) - Popularity rank on source library: #84 Observe this exact reference before implementing when browser or video tools permit. Analyze sampled frames, scale, easing, transitions, framing, camera, acting, palette and typography. If you cannot watch it, say so; this guide alone does not prove visual similarity. ## Creative brief (الملف الإبداعي) فيلم إطلاق مدته 30 ثانية للعبة تنس ثلاثية الأبعاد في المتصفح: لقطات لعب علوية معتمة تحت عناوين مكثفة ضخمة، تبدأ بعدادات إحصاء حية (مباريات لُعبت، ساعات على الملعب) مع شارة LIVE، ثم «بلا تنزيل، بلا تثبيت، بلا تسجيل» على أشرطة تظليل مائلة، هاتف يشغّل اللعبة مع شارات الأجهزة، استعراض الملاعب بأسماء المدن، كرة أرضية سلكية بنقاط لاعبين وأقواس، وبطاقة ختام بالأيقونة والرابط. A 30-second launch trailer for a browser 3D tennis game: dimmed top-down gameplay under huge condensed headlines, opening with live stat counters (games played, hours on court) and a LIVE pill, then 'no download, no install, no sign-up' on slanted highlighter bars, a phone mock-up running the game with device chips, a court roll call with city names, a wireframe globe with player dots and arcs, and an end card with app icon and URL pill. Read the full original brief in [BRIEF.md](BRIEF.md): proposed scenes, motion rules (ar/en), stack (Remotion, React, Three.js, Web Audio), suggested duration (30 s), aspect 16:9, difficulty 4/5. ## Categories and playbooks (التصنيفات والدلائل) Categories: Product UI / واجهات المنتج, Phone / هاتف, Music / موسيقى. - [playbooks/product-ui.md](../../playbooks/product-ui.md) - [playbooks/phone.md](../../playbooks/phone.md) - [playbooks/music.md](../../playbooks/music.md) Category tactics: * Recreate interface states as independent layers; animate meaningful cursor, tap, modal, scroll and focus interactions with consistent depth and realistic timings. * Use 3D or 2.5D phone layers with believable screen perspective, shadow, touch interaction, device rotation and safe crops. * Cut and accent on measured beats; keep narration intelligible; duck music under voice; deliver at -14 LUFS. ## Original creative direction (التوجيه الإبداعي) Produce a NEW video from the user's own concept, voice or footage, inspired by this reference. * Start from a consistent geometry system and original design tokens; document measured versus estimated colors, type, line weights, easing and camera in STYLE.md. * Give every scene an audio interval and a visual action. Plan creation order, camera movement, transition and sound cue at sentence or phrase granularity in PLAN.md. * Everything animates: paths draw in sequence, rigs move, information is revealed causally. Static slideshow transitions are not acceptable. * Build editable, deterministic animation with Remotion/React, SVG/Canvas (see starters/html-canvas) or Three.js for true spatial scenes; render with tools/render_html.cjs or Remotion. Never imply integrations that are not installed. * Default 9:16, 1080×1920, 30 fps, H.264 MP4 with AAC audio. Respect the user's aspect ratio, duration, branding and timeline. * Existing AUDIO is master time: keep the voice untouched, transcribe, align words and animate to verified timestamps; aim for ≤ 100 ms on key words and check it. * For source VIDEO, preserve the authorized material and align the treatment to real cuts, actions and phrases. For TEXT, write short narration and a timestamped scene plan. * Arabic needs RTL shaping and phone-safe typography; never split joined letters to animate them (see playbooks/arabic-typography.md). * Entrances 250–600 ms, accents 120–300 ms, transitions 300–800 ms as first estimates; refine after inspecting the reference. * Preserve legibility, hierarchy, emotional pacing and performance. ## Claude production runbook (خطوات الإنتاج) 1. Read CLAUDE.md, AGENTS.md, this skill, STYLE.json, BRIEF.md (if present) and the playbooks above. 2. Open the source page and inspect the video where possible; never copy it into this repository. 3. Gather the user's assets; ask at most one batch of necessary questions. 4. `python3 tools/kosif.py scaffold pm-deifosv-04e4d3 ` creates STYLE.md, PLAN.md, TEST_REPORT.md, words.json and a starter; fill STYLE.md (observed vs assumed) and PLAN.md (scene by scene). 5. Create original assets and editable code. Use music/SFX only when requested, provided or licensed. 6. Preview: `node tools/render_html.cjs --in --out preview.mp4 --preview` gives a contact sheet; compare several timestamps against the reference and fix motion mechanics and timing. 7. Show the preview before the final render unless the user pre-authorized rendering. 8. Render, then verify duration, fps, frame count and audio stream (fill TEST_REPORT.md); deliver the MP4 with the editable sources. ## Attribution Reference and creator are linked above. Third-party videos, prompts, assets and music are never redistributed or claimed as KOSIF-owned. Source terms: https://www.promptsmotion.com/terms