Claude Opus 5.5 के लिए एक विस्तृत प्रॉम्प्ट टेम्पलेट, जो एक ही HTML फ़ाइल में उत्पाद लॉन्च UI मोशन फिल्म बनाता है, जिसमें प्रॉम्प्ट बार को संगीत की बीट्स से सिंक होकर विभिन्न UI तत्वों में बदला जाता है।
<inputs>
मुझसे पूछें: वर्डमार्क के लिए एक शब्द का उत्पाद नाम, एक एक्सेंट रंग, और लगभग 120 BPM का एक रॉयल्टी-फ्री ट्रैक (जैसे Mixkit, व्यावसायिक उपयोग के लिए निःशुल्क)।
</inputs>
<direction>
एक ही निरंतर शॉट में उत्पाद-लॉन्च UI मोशन। एक आकार पूरी कहानी बताता है: एक प्रॉम्प्ट बार एक बटन बन जाता है, बटन एक प्रोग्रेस रिंग बन जाता है, रिंग एक प्रीव्यू विंडो बन जाती है, विंडो स्क्रीन भर देती है, फिर टोस्ट में सिकुड़ जाती है और वापस प्रॉम्प्ट बार बन जाती है। दृश्यों के बीच कोई कट या फेड नहीं: वस्तुएं परिवर्तित होती हैं। एक कर्सर वास्तविक क्लिक्स के साथ हर बदलाव को ट्रिगर करता है। गर्म ऑफ-व्हाइट कैनवास, ब्लैक UI, एक एक्सेंट रंग, UI और वर्डमार्क के लिए Inter फ़ॉन्ट। हर जगह स्प्रिंग्स केवल थोड़े ओवरशूट के साथ। कैमरे को ज़ूम करें ताकि हर क्षान चौकोर फ्रेम को भर दे।
निषिद्ध: क्रॉसफेड्स, UI पर ग्रेडिएंट्स, पार्टिकल्स, ग्लोइंग इफेक्ट्स, बाउंसी ईज़िंग, डेड बीट्स, कुछ भी जो टेम्पलेट जैसा लगे।
</direction>
<structure>
120 BPM, 24 बीट्स, हर बीट पर कुछ न कुछ होता है।
प्रॉम्प्ट बार में अनुरोध टाइप करें → भेजने पर क्लिक करें → बार एक काले गोले में बदल जाता है → चार चिप्स (अवधारणा, स्टोरीबोर्ड, मोशन, ध्वनि) स्प्रिंग के साथ बाहर निकलते हैं जबकि प्रोग्रेस रिंग चार चरणों में भरती है → चिप्स उड़कर टाइमलाइन में जाते हैं और गोला एक प्रीव्यू विंडो बन जाता है → प्लेहेड क्लिप्स को स्वीप करता है → प्रीव्यू के अंदर एक कक्षा अपने आप खींची जाती है, एक ग्रह चलना शुरू करता है और वर्डमार्क मास्क लाइन से अक्षर दर अक्षर ऊपर उठता है → प्रीव्यू स्क्रीन को भर देता है → अक्षर नीचे गिरते हैं, ग्रह उड़कर एक टोस्ट में बदल जाता है और उसका चेकमार्क बन जाता है → "Rendered in code · 60 fps" → टोस्ट वापस एक खाली प्रॉम्प्ट बार बन जाता है। अंतिम फ्रेम = पहला फ्रेम।
</structure>
<build>
1. 1440x1440 कैनवास वाला एक HTML फ़ाइल। सब कुछ seek(t) के अंदर ड्रॉ करें: कोई CSS ट्रांज़िशन, टाइमर या फ्रेमों के बीच ले जाया गया स्टेट नहीं।
2. क्लोज्ड-फॉर्म स्प्रिंग स्टेप रिस्पॉन्स का उपयोग करें। जब कोई मान कई बार लक्ष्य बदलता है, तो हर बदलाव के लिए एक स्प्रिंग जोड़ें ताकि यह समय का शुद्ध फलन बना रहे।
3. मुख्य आकार एक राउंडेड रेक्ट है जिसकी चौड़ाई, ऊंचाई, त्रिज्या, स्थिति और रंग प्रत्येक स्प्रिंग्स की एक श्रृंखला है।
4. टाइपिंग समय से व्युत्पन्न होती है: दिखाए गए अक्षर = floor(progress × length), और एक कैरेट जो केवल निष्क्रिय होने पर झपकता है।
5. ट्रैक का बीट ग्रिड खोजें, डाउनबीट पर शुरू करें और हर क्लिक, पॉप और चाइम को उसके मापे हुए पीक पर रखें।
6. Playwright के साथ 60 fps पर रेंडर करें, फिर H.264 CRF 16 एन्कोड करें और -14 LUFS पर loudnorm करें।
7. पहले हर बीट के लिए एक स्थिर छवि रेंडर करें। पूर्ण रेंडर से पहले किसी भी चीज़ को जो संकुचित, ऑफ-ग्रिड या पढ़ने में कठिन हो, उसे ठीक करें।
</build>
<gotchas>
मॉर्फिंग शेप के अंदर टेक्स्ट को अपनी स्वयं की क्लिप और अलग एंटर/एग्जिट टाइमिंग की आवश्यकता होती है। टेक्स्ट स्वैप्स को अपनी स्वयं की फेड की आवश्यकता होती है ताकि वे कभी ओवरलैप न हों। कर्सर को उसी सटीक स्थिति पर समाप्त होना चाहिए जहाँ से यह शुरू हुआ था, अन्यथा लूप रुकेगा।
</gotchas>
