30-Second Product Commercial - AiPro Institute Prompt Library<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n background: #ffffff;\n padding: 2rem;\n line-height: 1.6;\n color: #1e293b;\n }\n\n .container {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .header {\n text-align: center;\n margin-bottom: 2rem;\n }\n\n .header h1 {\n font-size: 2.5rem;\n background: linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 800;\n margin-bottom: 0.5rem;\n }\n\n .card {\n background: white;\n border-radius: 16px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n overflow: hidden;\n border: 1px solid #e2e8f0;\n }\n\n .card-header {\n background: linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);\n color: white;\n padding: 2rem;\n }\n\n .card-header h2 {\n font-size: 2rem;\n margin-bottom: 0.5rem;\n font-weight: 700;\n }\n\n .card-header p {\n opacity: 0.95;\n font-size: 1.1rem;\n max-width: 90%;\n }\n\n .meta-badges {\n display: flex;\n gap: 0.75rem;\n flex-wrap: wrap;\n margin-top: 1.5rem;\n }\n\n .badge {\n display: inline-block;\n padding: 0.4rem 0.9rem;\n border-radius: 20px;\n font-size: 0.85rem;\n font-weight: 600;\n backdrop-filter: blur(4px);\n }\n\n .badge-skill-intermediate {\n background: #eab308;\n color: white;\n }\n\n .badge-time {\n background: rgba(16, 185, 129, 0.9);\n color: white;\n }\n\n .badge-cost {\n background: rgba(245, 158, 11, 0.9);\n color: white;\n }\n\n .badge-format {\n background: rgba(139, 92, 246, 0.9);\n color: white;\n }\n\n .tool-compatibility {\n margin-top: 1.5rem;\n padding-top: 1rem;\n border-top: 1px solid rgba(255, 255, 255, 0.2);\n }\n\n .tool-compatibility h3 {\n font-size: 0.9rem;\n margin-bottom: 0.75rem;\n opacity: 0.9;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n .tool-badges {\n display: flex;\n gap: 0.5rem;\n flex-wrap: wrap;\n }\n\n .tool-badge {\n padding: 0.35rem 0.75rem;\n background: rgba(255, 255, 255, 0.15);\n border: 1px solid rgba(255, 255, 255, 0.3);\n border-radius: 15px;\n font-size: 0.8rem;\n color: white;\n }\n\n .tool-badge.model-agnostic {\n background: rgba(255, 255, 255, 0.25);\n font-weight: 600;\n }\n\n .card-body {\n padding: 2.5rem;\n }\n\n .section {\n margin-bottom: 3rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n color: #1e293b;\n margin-bottom: 1.25rem;\n display: flex;\n align-items: center;\n gap: 0.75rem;\n font-weight: 700;\n }\n\n .section-title::before {\n content: '';\n width: 6px;\n height: 28px;\n background: linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);\n border-radius: 3px;\n display: block;\n }\n\n .prompt-box {\n background: #f8fafc;\n border: 2px solid #cbd5e1;\n border-radius: 12px;\n padding: 1.5rem;\n font-family: 'Consolas', 'Monaco', 'Courier New', monospace;\n font-size: 0.95rem;\n line-height: 1.7;\n position: relative;\n margin-bottom: 1rem;\n color: #334155;\n white-space: pre-wrap;\n }\n\n .copy-button {\n position: absolute;\n top: 1rem;\n right: 1rem;\n background: linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);\n color: white;\n border: none;\n padding: 0.6rem 1.2rem;\n border-radius: 8px;\n cursor: pointer;\n font-weight: 600;\n font-size: 0.9rem;\n transition: all 0.2s ease;\n box-shadow: 0 4px 6px rgba(124, 58, 237, 0.2);\n }\n\n .copy-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 12px rgba(124, 58, 237, 0.3);\n }\n\n .copy-button.copied {\n background: #10b981;\n }\n\n .placeholder {\n color: #f97316;\n font-weight: 700;\n background: rgba(249, 115, 22, 0.1);\n padding: 2px 4px;\n border-radius: 4px;\n }\n\n .logic-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n }\n\n .logic-item {\n background: #f0f9ff;\n padding: 1.5rem;\n border-radius: 12px;\n border-left: 5px solid #3b82f6;\n }\n\n .logic-item h4 {\n color: #1e40af;\n margin-bottom: 0.75rem;\n font-size: 1.1rem;\n font-weight: 700;\n }\n\n .logic-item p {\n color: #475569;\n font-size: 0.95rem;\n margin: 0;\n }\n\n .output-preview {\n background: #fffbeb;\n border: 2px solid #fcd34d;\n border-radius: 12px;\n padding: 2rem;\n }\n\n .output-preview h4 {\n color: #92400e;\n margin-bottom: 1rem;\n font-weight: 700;\n }\n\n .script-sample {\n font-family: 'Consolas', 'Monaco', 'Courier New', monospace;\n font-size: 0.9rem;\n background: white;\n padding: 1.5rem;\n border-radius: 8px;\n border: 1px solid #e5e7eb;\n }\n\n .script-row {\n display: grid;\n grid-template-columns: 80px 1fr;\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n border-bottom: 1px solid #f1f5f9;\n padding-bottom: 1rem;\n }\n\n .script-row:last-child {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n }\n\n .script-time {\n font-weight: bold;\n color: #64748b;\n }\n\n .chain-strategy {\n background: linear-gradient(135deg, #fdf4ff 0%, #fae8ff 100%);\n border-radius: 16px;\n padding: 2rem;\n border: 1px solid #f5d0fe;\n }\n\n .chain-steps {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin-top: 1.5rem;\n }\n\n .chain-step {\n background: white;\n padding: 1.25rem;\n border-radius: 12px;\n border-left: 5px solid #a855f7;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .step-number {\n background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);\n color: white;\n width: 36px;\n height: 36px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 1rem;\n flex-shrink: 0;\n }\n\n .step-content h4 {\n color: #7c3aed;\n font-size: 1.1rem;\n margin-bottom: 0.25rem;\n font-weight: 700;\n }\n\n .step-content p {\n color: #64748b;\n font-size: 0.95rem;\n margin: 0;\n }\n\n .hitl-tips {\n background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);\n border-radius: 16px;\n padding: 2rem;\n border: 1px solid #a7f3d0;\n }\n\n .tips-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 1rem;\n margin-top: 1.5rem;\n }\n\n .tip-item {\n background: white;\n padding: 1.25rem;\n border-radius: 10px;\n border-left: 4px solid #10b981;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n }\n\n .tip-item h4 {\n color: #059669;\n font-size: 1rem;\n margin-bottom: 0.5rem;\n font-weight: 700;\n }\n\n .tip-item p {\n color: #475569;\n font-size: 0.9rem;\n margin: 0;\n }\n\n .card-footer {\n background: #f8fafc;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 2.5rem;\n flex-wrap: wrap;\n border-top: 1px solid #e2e8f0;\n }\n\n .stat {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n color: #64748b;\n font-size: 0.95rem;\n }\n\n .stat strong {\n color: #1e293b;\n font-weight: 700;\n }\n\n .toast {\n position: fixed;\n bottom: 2rem;\n right: 2rem;\n background: #10b981;\n color: white;\n padding: 1rem 1.5rem;\n border-radius: 8px;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n display: none;\n align-items: center;\n gap: 0.75rem;\n animation: slideIn 0.3s ease;\n z-index: 1000;\n font-weight: 500;\n }\n\n .toast.show {\n display: flex;\n }\n\n @keyframes slideIn {\n from {\n transform: translateX(400px);\n opacity: 0;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n }\n\n @media (max-width: 768px) {\n body {\n padding: 1rem;\n }\n\n .header h1 {\n font-size: 1.8rem;\n }\n\n .card-header h2 {\n font-size: 1.5rem;\n }\n\n .card-body {\n padding: 1.5rem;\n }\n\n .logic-grid,\n .tips-grid {\n grid-template-columns: 1fr;\n }\n\n .card-footer {\n flex-direction: column;\n gap: 1rem;\n }\n\n .copy-button {\n position: static;\n width: 100%;\n margin-top: 1rem;\n }\n\n .script-row {\n grid-template-columns: 1fr;\n gap: 0.5rem;\n }\n }\n <\/style>\n <\/head>\n <body>\n <div class=\"container\">\n <div class=\"header\">\n <h1>AiPro Institute\u2122<\/h1>\n <\/div>\n\n <div class=\"card\">\n <div class=\"card-header\">\n <h2>30-Second Product Commercial<\/h2>\n <p>\n Create compelling 30-second video scripts that showcase product benefits, drive emotion, and convert viewers\n into customers\n <\/p>\n\n <div class=\"meta-badges\">\n <span class=\"badge badge-skill-intermediate\">\u26a1 Intermediate<\/span>\n <span class=\"badge badge-time\">\u23f1\ufe0f 3-4 Minutes<\/span>\n <span class=\"badge badge-cost\">\ud83d\udcb3 Medium Cost<\/span>\n <span class=\"badge badge-format\">\ud83d\udcc4 Video Script<\/span>\n <\/div>\n\n <div class=\"tool-compatibility\">\n <h3>\ud83d\udee0\ufe0f Tool Compatibility<\/h3>\n <div class=\"tool-badges\">\n <span class=\"tool-badge model-agnostic\">\u2728 Model Agnostic<\/span>\n <span class=\"tool-badge\">\ud83e\udde0 GPT-4o<\/span>\n <span class=\"tool-badge\">\ud83c\udfad Claude 3.5<\/span>\n <span class=\"tool-badge\">\u264a Gemini Pro<\/span>\n <span class=\"tool-badge\">\ud83c\udfac Runway Gen-2<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card-body\">\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83d\udcdd The Prompt<\/h3>\n <div class=\"prompt-box\">\n <button class=\"copy-button\" onclick=\"copyPrompt()\">\ud83d\udccb Copy Prompt<\/button>\n <div id=\"promptContent\">\nYou are an expert video producer and commercial scriptwriter with 10+ years of experience creating high-converting ads. Your task is to write a compelling 30-second commercial script for the following product:\n\n**Product Name:** [Insert Product Name]\n**Target Audience:** [Insert Target Audience]\n**Key Product Benefit:** [Insert Key Benefit]\n**Brand Tone:** [Insert Brand Tone, e.g., Humorous, Inspiring, Urgent]\n**Call-to-Action:** [Insert CTA]\n\n**Script Requirements (Strict 30-Second Pacing):**\n1. **0:00-0:03 (The Hook):** Instantly grab attention visually or audibly. Stop the scroll.\n2. **0:04-0:10 (The Problem\/Context):** Clearly establish the pain point or desire related to the audience.\n3. **0:11-0:22 (The Solution):** Introduce the product as the hero. Showcase features translating into benefits.\n4. **0:23-0:30 (The Close):** Clear Call-to-Action. What should they do next?\n\n**Technical Specifications:**\n- Include detailed shot descriptions (camera angles, movement, lighting)\n- Specify on-screen text (OST) overlays\n- Provide verbatim voiceover (VO) timing\n- Include specific music mood and sound effects (SFX) cues\n\n**Deliverable Format:**\nProvide a formatted script table with columns for:\n- **Time:** Exact timestamp (e.g., 0:05)\n- **Visual:** Detailed description of what is seen\n- **Audio:** Voiceover dialogue and SFX notes\n- **Text Overlay:** Graphics to appear on screen\n <\/div>\n <\/div>\n <p style=\"color: #64748b; font-size: 0.9rem\">\n \ud83d\udca1 <strong>Tip:<\/strong> Fill in the <span class=\"placeholder\">[orange placeholders]<\/span> with your\n specific product details before using this prompt.\n <\/p>\n <\/div>\n\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83e\udde0 The Logic (Why This Prompt Works)<\/h3>\n <div class=\"logic-grid\">\n <div class=\"logic-item\">\n <h4>Time-Block Structure<\/h4>\n <p>\n Breaking the 30 seconds into specific segments (0-3s hook, 4-10s problem, etc.) ensures pacing and\n prevents rambling.\n <\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>Multi-Sensory Direction<\/h4>\n <p>\n Requesting visual descriptions, voiceover, music, and on-screen text creates a complete production\n blueprint.\n <\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>Audience Psychology First<\/h4>\n <p>Asking for target audience upfront ensures emotional resonance and benefit-focused messaging.<\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>Flexible Brand Adaptation<\/h4>\n <p>\n The [Brand Tone] placeholder allows the same prompt to generate anything from humorous to serious\n commercials.\n <\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>Production-Ready Output<\/h4>\n <p>\n Timestamp formatting and shot descriptions make the script immediately actionable for video editors.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83c\udfa8 Output Preview<\/h3>\n <div class=\"output-preview\">\n <h4>\ud83c\udfa5 Example Result: EcoBottle - Smart Water Bottle<\/h4>\n <div class=\"script-sample\">\n <div class=\"script-row\">\n <div class=\"script-time\">0:00-0:03<\/div>\n <div>\n <strong>Visual:<\/strong> Close-up, fast cuts of a tired person rubbing temples, then a dry, cracked\n desert floor. Transition to water splashing in slow motion.<br \/>\n <strong>Audio (SFX):<\/strong> Heartbeat thumping... suddenly loud crisp refreshing water splash.<br \/>\n <strong>Text Overlay:<\/strong> THIRSTY?\n <\/div>\n <\/div>\n <div class=\"script-row\">\n <div class=\"script-time\">0:04-0:10<\/div>\n <div>\n <strong>Visual:<\/strong> Medium shot. Woman at office desk looking exhausted, reaches for a generic\n plastic bottle that is empty.<br \/>\n <strong>Audio (VO):<\/strong> \"3PM slump? You're not just tired. You're dehydrated.\"<br \/>\n <strong>Text Overlay:<\/strong> DEHYDRATION KILLS FOCUS\n <\/div>\n <\/div>\n <div class=\"script-row\">\n <div class=\"script-time\">0:11-0:22<\/div>\n <div>\n <strong>Visual:<\/strong> Hero shot. EcoBottle glows blue. Woman drinks, eyes widen with energy.\n Montage of her hiking, working, laughing.<br \/>\n <strong>Audio (VO):<\/strong> \"Meet EcoBottle. The smart bottle that tracks your hydration and glows\n when it's time to drink.\"<br \/>\n <strong>Text Overlay:<\/strong> TRACKS. GLOWS. HYDRATES.\n <\/div>\n <\/div>\n <div class=\"script-row\">\n <div class=\"script-time\">0:23-0:30<\/div>\n <div>\n <strong>Visual:<\/strong> Product beauty shot on white background. Discount code appears.<br \/>\n <strong>Audio (VO):<\/strong> \"Reclaim your energy. Get EcoBottle today.\"<br \/>\n <strong>Text Overlay:<\/strong> GET 20% OFF | LINK IN BIO\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h3 class=\"section-title\">\u26d3\ufe0f Chain Strategy (Advanced Workflow)<\/h3>\n <div class=\"chain-strategy\">\n <p style=\"color: #6b21a8; font-weight: 600; margin-bottom: 1.5rem\">\n For best results, use this 3-step sequential prompting strategy:\n <\/p>\n <div class=\"chain-steps\">\n <div class=\"chain-step\">\n <div class=\"step-number\">1<\/div>\n <div class=\"step-content\">\n <h4>Product Positioning Analysis<\/h4>\n <p>Analyze unique selling propositions and competitive advantages before writing.<\/p>\n <\/div>\n <\/div>\n <div class=\"chain-step\">\n <div class=\"step-number\">2<\/div>\n <div class=\"step-content\">\n <h4>Generate Commercial Script<\/h4>\n <p>Use the main prompt above to create the core script structure.<\/p>\n <\/div>\n <\/div>\n <div class=\"chain-step\">\n <div class=\"step-number\">3<\/div>\n <div class=\"step-content\">\n <h4>Create Shot List & Production Brief<\/h4>\n <p>\n Generate detailed visual references, casting notes, and location requirements based on the script.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83d\udc68\u200d\ud83d\udcbb Human-in-the-Loop Refinement Tips<\/h3>\n <div class=\"hitl-tips\">\n <p style=\"color: #065f46; font-weight: 600; margin-bottom: 1.5rem\">\n Enhance your results with these follow-up prompts:\n <\/p>\n <div class=\"tips-grid\">\n <div class=\"tip-item\">\n <h4>If pacing feels rushed<\/h4>\n <p>Add \"Focus on ONE key benefit rather than cramming multiple features\"<\/p>\n <\/div>\n <div class=\"tip-item\">\n <h4>If visuals lack clarity<\/h4>\n <p>Request specific shot types (close-up, wide, over-shoulder)<\/p>\n <\/div>\n <div class=\"tip-item\">\n <h4>To add emotional impact<\/h4>\n <p>Include a customer testimonial or transformation moment<\/p>\n <\/div>\n <div class=\"tip-item\">\n <h4>To optimize for social platforms<\/h4>\n <p>Request square (1:1) or vertical (9:16) formatting variations<\/p>\n <\/div>\n <div class=\"tip-item\">\n <h4>To strengthen brand recall<\/h4>\n <p>Ensure product name appears in first 3 seconds visually<\/p>\n <\/div>\n <div class=\"tip-item\">\n <h4>To improve conversion<\/h4>\n <p>A\/B test two different CTAs (urgency vs. value-based)<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card-footer\">\n <div class=\"stat\">\u2b50 <strong>4.8<\/strong> (189 ratings)<\/div>\n <div class=\"stat\">\ud83d\udce5 <strong>2,341<\/strong> copies<\/div>\n <div class=\"stat\">\ud83d\udcac <strong>98<\/strong> reviews<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"toast\" id=\"toast\">\u2705 Prompt copied to clipboard!<\/div>\n\n <script>\n function copyPrompt() {\n const promptContent = document.getElementById('promptContent').innerText;\n navigator.clipboard.writeText(promptContent).then(() => {\n const button = document.querySelector('.copy-button');\n const toast = document.getElementById('toast');\n\n button.textContent = '\u2705 Copied!';\n button.classList.add('copied');\n toast.classList.add('show');\n\n setTimeout(() => {\n button.textContent = '\ud83d\udccb Copy Prompt';\n button.classList.remove('copied');\n toast.classList.remove('show');\n }, 3000);\n });\n }\n <\/script>\n <\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>30-Second Product Commercial – AiPro Institute Prompt Library AiPro Institute\u2122 30-Second Product Commercial Create compelling 30-second video scripts that showcase product benefits, drive emotion, and convert viewers into customers \u26a1 Intermediate \u23f1\ufe0f 3-4 Minutes \ud83d\udcb3 Medium Cost \ud83d\udcc4 Video Script \ud83d\udee0\ufe0f Tool Compatibility \u2728 Model Agnostic \ud83e\udde0 GPT-4o \ud83c\udfad Claude 3.5 \u264a Gemini Pro \ud83c\udfac…<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[118,115,97],"tags":[],"class_list":["post-3729","post","type-post","status-publish","format-standard","hentry","category-business-corporate","category-marketing-videos","category-video-production"],"acf":[],"_links":{"self":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/3729","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/comments?post=3729"}],"version-history":[{"count":4,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/3729\/revisions"}],"predecessor-version":[{"id":3774,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/3729\/revisions\/3774"}],"wp:attachment":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/media?parent=3729"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/categories?post=3729"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/tags?post=3729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t\n\n \n \n \n 30-Second Product Commercial - AiPro Institute Prompt Library<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n background: #ffffff;\n padding: 2rem;\n line-height: 1.6;\n color: #1e293b;\n }\n\n .container {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .header {\n text-align: center;\n margin-bottom: 2rem;\n }\n\n .header h1 {\n font-size: 2.5rem;\n background: linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 800;\n margin-bottom: 0.5rem;\n }\n\n .card {\n background: white;\n border-radius: 16px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n overflow: hidden;\n border: 1px solid #e2e8f0;\n }\n\n .card-header {\n background: linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);\n color: white;\n padding: 2rem;\n }\n\n .card-header h2 {\n font-size: 2rem;\n margin-bottom: 0.5rem;\n font-weight: 700;\n }\n\n .card-header p {\n opacity: 0.95;\n font-size: 1.1rem;\n max-width: 90%;\n }\n\n .meta-badges {\n display: flex;\n gap: 0.75rem;\n flex-wrap: wrap;\n margin-top: 1.5rem;\n }\n\n .badge {\n display: inline-block;\n padding: 0.4rem 0.9rem;\n border-radius: 20px;\n font-size: 0.85rem;\n font-weight: 600;\n backdrop-filter: blur(4px);\n }\n\n .badge-skill-intermediate {\n background: #eab308;\n color: white;\n }\n\n .badge-time {\n background: rgba(16, 185, 129, 0.9);\n color: white;\n }\n\n .badge-cost {\n background: rgba(245, 158, 11, 0.9);\n color: white;\n }\n\n .badge-format {\n background: rgba(139, 92, 246, 0.9);\n color: white;\n }\n\n .tool-compatibility {\n margin-top: 1.5rem;\n padding-top: 1rem;\n border-top: 1px solid rgba(255, 255, 255, 0.2);\n }\n\n .tool-compatibility h3 {\n font-size: 0.9rem;\n margin-bottom: 0.75rem;\n opacity: 0.9;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n .tool-badges {\n display: flex;\n gap: 0.5rem;\n flex-wrap: wrap;\n }\n\n .tool-badge {\n padding: 0.35rem 0.75rem;\n background: rgba(255, 255, 255, 0.15);\n border: 1px solid rgba(255, 255, 255, 0.3);\n border-radius: 15px;\n font-size: 0.8rem;\n color: white;\n }\n\n .tool-badge.model-agnostic {\n background: rgba(255, 255, 255, 0.25);\n font-weight: 600;\n }\n\n .card-body {\n padding: 2.5rem;\n }\n\n .section {\n margin-bottom: 3rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n color: #1e293b;\n margin-bottom: 1.25rem;\n display: flex;\n align-items: center;\n gap: 0.75rem;\n font-weight: 700;\n }\n\n .section-title::before {\n content: '';\n width: 6px;\n height: 28px;\n background: linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);\n border-radius: 3px;\n display: block;\n }\n\n .prompt-box {\n background: #f8fafc;\n border: 2px solid #cbd5e1;\n border-radius: 12px;\n padding: 1.5rem;\n font-family: 'Consolas', 'Monaco', 'Courier New', monospace;\n font-size: 0.95rem;\n line-height: 1.7;\n position: relative;\n margin-bottom: 1rem;\n color: #334155;\n white-space: pre-wrap;\n }\n\n .copy-button {\n position: absolute;\n top: 1rem;\n right: 1rem;\n background: linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);\n color: white;\n border: none;\n padding: 0.6rem 1.2rem;\n border-radius: 8px;\n cursor: pointer;\n font-weight: 600;\n font-size: 0.9rem;\n transition: all 0.2s ease;\n box-shadow: 0 4px 6px rgba(124, 58, 237, 0.2);\n }\n\n .copy-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 12px rgba(124, 58, 237, 0.3);\n }\n\n .copy-button.copied {\n background: #10b981;\n }\n\n .placeholder {\n color: #f97316;\n font-weight: 700;\n background: rgba(249, 115, 22, 0.1);\n padding: 2px 4px;\n border-radius: 4px;\n }\n\n .logic-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n }\n\n .logic-item {\n background: #f0f9ff;\n padding: 1.5rem;\n border-radius: 12px;\n border-left: 5px solid #3b82f6;\n }\n\n .logic-item h4 {\n color: #1e40af;\n margin-bottom: 0.75rem;\n font-size: 1.1rem;\n font-weight: 700;\n }\n\n .logic-item p {\n color: #475569;\n font-size: 0.95rem;\n margin: 0;\n }\n\n .output-preview {\n background: #fffbeb;\n border: 2px solid #fcd34d;\n border-radius: 12px;\n padding: 2rem;\n }\n\n .output-preview h4 {\n color: #92400e;\n margin-bottom: 1rem;\n font-weight: 700;\n }\n\n .script-sample {\n font-family: 'Consolas', 'Monaco', 'Courier New', monospace;\n font-size: 0.9rem;\n background: white;\n padding: 1.5rem;\n border-radius: 8px;\n border: 1px solid #e5e7eb;\n }\n\n .script-row {\n display: grid;\n grid-template-columns: 80px 1fr;\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n border-bottom: 1px solid #f1f5f9;\n padding-bottom: 1rem;\n }\n\n .script-row:last-child {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n }\n\n .script-time {\n font-weight: bold;\n color: #64748b;\n }\n\n .chain-strategy {\n background: linear-gradient(135deg, #fdf4ff 0%, #fae8ff 100%);\n border-radius: 16px;\n padding: 2rem;\n border: 1px solid #f5d0fe;\n }\n\n .chain-steps {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin-top: 1.5rem;\n }\n\n .chain-step {\n background: white;\n padding: 1.25rem;\n border-radius: 12px;\n border-left: 5px solid #a855f7;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .step-number {\n background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);\n color: white;\n width: 36px;\n height: 36px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 1rem;\n flex-shrink: 0;\n }\n\n .step-content h4 {\n color: #7c3aed;\n font-size: 1.1rem;\n margin-bottom: 0.25rem;\n font-weight: 700;\n }\n\n .step-content p {\n color: #64748b;\n font-size: 0.95rem;\n margin: 0;\n }\n\n .hitl-tips {\n background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);\n border-radius: 16px;\n padding: 2rem;\n border: 1px solid #a7f3d0;\n }\n\n .tips-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 1rem;\n margin-top: 1.5rem;\n }\n\n .tip-item {\n background: white;\n padding: 1.25rem;\n border-radius: 10px;\n border-left: 4px solid #10b981;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n }\n\n .tip-item h4 {\n color: #059669;\n font-size: 1rem;\n margin-bottom: 0.5rem;\n font-weight: 700;\n }\n\n .tip-item p {\n color: #475569;\n font-size: 0.9rem;\n margin: 0;\n }\n\n .card-footer {\n background: #f8fafc;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 2.5rem;\n flex-wrap: wrap;\n border-top: 1px solid #e2e8f0;\n }\n\n .stat {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n color: #64748b;\n font-size: 0.95rem;\n }\n\n .stat strong {\n color: #1e293b;\n font-weight: 700;\n }\n\n .toast {\n position: fixed;\n bottom: 2rem;\n right: 2rem;\n background: #10b981;\n color: white;\n padding: 1rem 1.5rem;\n border-radius: 8px;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n display: none;\n align-items: center;\n gap: 0.75rem;\n animation: slideIn 0.3s ease;\n z-index: 1000;\n font-weight: 500;\n }\n\n .toast.show {\n display: flex;\n }\n\n @keyframes slideIn {\n from {\n transform: translateX(400px);\n opacity: 0;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n }\n\n @media (max-width: 768px) {\n body {\n padding: 1rem;\n }\n\n .header h1 {\n font-size: 1.8rem;\n }\n\n .card-header h2 {\n font-size: 1.5rem;\n }\n\n .card-body {\n padding: 1.5rem;\n }\n\n .logic-grid,\n .tips-grid {\n grid-template-columns: 1fr;\n }\n\n .card-footer {\n flex-direction: column;\n gap: 1rem;\n }\n\n .copy-button {\n position: static;\n width: 100%;\n margin-top: 1rem;\n }\n\n .script-row {\n grid-template-columns: 1fr;\n gap: 0.5rem;\n }\n }\n <\/style>\n <\/head>\n <body>\n <div class=\"container\">\n <div class=\"header\">\n <h1>AiPro Institute\u2122<\/h1>\n <\/div>\n\n <div class=\"card\">\n <div class=\"card-header\">\n <h2>30-Second Product Commercial<\/h2>\n <p>\n Create compelling 30-second video scripts that showcase product benefits, drive emotion, and convert viewers\n into customers\n <\/p>\n\n <div class=\"meta-badges\">\n <span class=\"badge badge-skill-intermediate\">\u26a1 Intermediate<\/span>\n <span class=\"badge badge-time\">\u23f1\ufe0f 3-4 Minutes<\/span>\n <span class=\"badge badge-cost\">\ud83d\udcb3 Medium Cost<\/span>\n <span class=\"badge badge-format\">\ud83d\udcc4 Video Script<\/span>\n <\/div>\n\n <div class=\"tool-compatibility\">\n <h3>\ud83d\udee0\ufe0f Tool Compatibility<\/h3>\n <div class=\"tool-badges\">\n <span class=\"tool-badge model-agnostic\">\u2728 Model Agnostic<\/span>\n <span class=\"tool-badge\">\ud83e\udde0 GPT-4o<\/span>\n <span class=\"tool-badge\">\ud83c\udfad Claude 3.5<\/span>\n <span class=\"tool-badge\">\u264a Gemini Pro<\/span>\n <span class=\"tool-badge\">\ud83c\udfac Runway Gen-2<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card-body\">\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83d\udcdd The Prompt<\/h3>\n <div class=\"prompt-box\">\n <button class=\"copy-button\" onclick=\"copyPrompt()\">\ud83d\udccb Copy Prompt<\/button>\n <div id=\"promptContent\">\nYou are an expert video producer and commercial scriptwriter with 10+ years of experience creating high-converting ads. Your task is to write a compelling 30-second commercial script for the following product:\n\n**Product Name:** [Insert Product Name]\n**Target Audience:** [Insert Target Audience]\n**Key Product Benefit:** [Insert Key Benefit]\n**Brand Tone:** [Insert Brand Tone, e.g., Humorous, Inspiring, Urgent]\n**Call-to-Action:** [Insert CTA]\n\n**Script Requirements (Strict 30-Second Pacing):**\n1. **0:00-0:03 (The Hook):** Instantly grab attention visually or audibly. Stop the scroll.\n2. **0:04-0:10 (The Problem\/Context):** Clearly establish the pain point or desire related to the audience.\n3. **0:11-0:22 (The Solution):** Introduce the product as the hero. Showcase features translating into benefits.\n4. **0:23-0:30 (The Close):** Clear Call-to-Action. What should they do next?\n\n**Technical Specifications:**\n- Include detailed shot descriptions (camera angles, movement, lighting)\n- Specify on-screen text (OST) overlays\n- Provide verbatim voiceover (VO) timing\n- Include specific music mood and sound effects (SFX) cues\n\n**Deliverable Format:**\nProvide a formatted script table with columns for:\n- **Time:** Exact timestamp (e.g., 0:05)\n- **Visual:** Detailed description of what is seen\n- **Audio:** Voiceover dialogue and SFX notes\n- **Text Overlay:** Graphics to appear on screen\n <\/div>\n <\/div>\n <p style=\"color: #64748b; font-size: 0.9rem\">\n \ud83d\udca1 <strong>Tip:<\/strong> Fill in the <span class=\"placeholder\">[orange placeholders]<\/span> with your\n specific product details before using this prompt.\n <\/p>\n <\/div>\n\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83e\udde0 The Logic (Why This Prompt Works)<\/h3>\n <div class=\"logic-grid\">\n <div class=\"logic-item\">\n <h4>Time-Block Structure<\/h4>\n <p>\n Breaking the 30 seconds into specific segments (0-3s hook, 4-10s problem, etc.) ensures pacing and\n prevents rambling.\n <\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>Multi-Sensory Direction<\/h4>\n <p>\n Requesting visual descriptions, voiceover, music, and on-screen text creates a complete production\n blueprint.\n <\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>Audience Psychology First<\/h4>\n <p>Asking for target audience upfront ensures emotional resonance and benefit-focused messaging.<\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>Flexible Brand Adaptation<\/h4>\n <p>\n The [Brand Tone] placeholder allows the same prompt to generate anything from humorous to serious\n commercials.\n <\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>Production-Ready Output<\/h4>\n <p>\n Timestamp formatting and shot descriptions make the script immediately actionable for video editors.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83c\udfa8 Output Preview<\/h3>\n <div class=\"output-preview\">\n <h4>\ud83c\udfa5 Example Result: EcoBottle - Smart Water Bottle<\/h4>\n <div class=\"script-sample\">\n <div class=\"script-row\">\n <div class=\"script-time\">0:00-0:03<\/div>\n <div>\n <strong>Visual:<\/strong> Close-up, fast cuts of a tired person rubbing temples, then a dry, cracked\n desert floor. Transition to water splashing in slow motion.<br \/>\n <strong>Audio (SFX):<\/strong> Heartbeat thumping... suddenly loud crisp refreshing water splash.<br \/>\n <strong>Text Overlay:<\/strong> THIRSTY?\n <\/div>\n <\/div>\n <div class=\"script-row\">\n <div class=\"script-time\">0:04-0:10<\/div>\n <div>\n <strong>Visual:<\/strong> Medium shot. Woman at office desk looking exhausted, reaches for a generic\n plastic bottle that is empty.<br \/>\n <strong>Audio (VO):<\/strong> \"3PM slump? You're not just tired. You're dehydrated.\"<br \/>\n <strong>Text Overlay:<\/strong> DEHYDRATION KILLS FOCUS\n <\/div>\n <\/div>\n <div class=\"script-row\">\n <div class=\"script-time\">0:11-0:22<\/div>\n <div>\n <strong>Visual:<\/strong> Hero shot. EcoBottle glows blue. Woman drinks, eyes widen with energy.\n Montage of her hiking, working, laughing.<br \/>\n <strong>Audio (VO):<\/strong> \"Meet EcoBottle. The smart bottle that tracks your hydration and glows\n when it's time to drink.\"<br \/>\n <strong>Text Overlay:<\/strong> TRACKS. GLOWS. HYDRATES.\n <\/div>\n <\/div>\n <div class=\"script-row\">\n <div class=\"script-time\">0:23-0:30<\/div>\n <div>\n <strong>Visual:<\/strong> Product beauty shot on white background. Discount code appears.<br \/>\n <strong>Audio (VO):<\/strong> \"Reclaim your energy. Get EcoBottle today.\"<br \/>\n <strong>Text Overlay:<\/strong> GET 20% OFF | LINK IN BIO\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h3 class=\"section-title\">\u26d3\ufe0f Chain Strategy (Advanced Workflow)<\/h3>\n <div class=\"chain-strategy\">\n <p style=\"color: #6b21a8; font-weight: 600; margin-bottom: 1.5rem\">\n For best results, use this 3-step sequential prompting strategy:\n <\/p>\n <div class=\"chain-steps\">\n <div class=\"chain-step\">\n <div class=\"step-number\">1<\/div>\n <div class=\"step-content\">\n <h4>Product Positioning Analysis<\/h4>\n <p>Analyze unique selling propositions and competitive advantages before writing.<\/p>\n <\/div>\n <\/div>\n <div class=\"chain-step\">\n <div class=\"step-number\">2<\/div>\n <div class=\"step-content\">\n <h4>Generate Commercial Script<\/h4>\n <p>Use the main prompt above to create the core script structure.<\/p>\n <\/div>\n <\/div>\n <div class=\"chain-step\">\n <div class=\"step-number\">3<\/div>\n <div class=\"step-content\">\n <h4>Create Shot List & Production Brief<\/h4>\n <p>\n Generate detailed visual references, casting notes, and location requirements based on the script.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83d\udc68\u200d\ud83d\udcbb Human-in-the-Loop Refinement Tips<\/h3>\n <div class=\"hitl-tips\">\n <p style=\"color: #065f46; font-weight: 600; margin-bottom: 1.5rem\">\n Enhance your results with these follow-up prompts:\n <\/p>\n <div class=\"tips-grid\">\n <div class=\"tip-item\">\n <h4>If pacing feels rushed<\/h4>\n <p>Add \"Focus on ONE key benefit rather than cramming multiple features\"<\/p>\n <\/div>\n <div class=\"tip-item\">\n <h4>If visuals lack clarity<\/h4>\n <p>Request specific shot types (close-up, wide, over-shoulder)<\/p>\n <\/div>\n <div class=\"tip-item\">\n <h4>To add emotional impact<\/h4>\n <p>Include a customer testimonial or transformation moment<\/p>\n <\/div>\n <div class=\"tip-item\">\n <h4>To optimize for social platforms<\/h4>\n <p>Request square (1:1) or vertical (9:16) formatting variations<\/p>\n <\/div>\n <div class=\"tip-item\">\n <h4>To strengthen brand recall<\/h4>\n <p>Ensure product name appears in first 3 seconds visually<\/p>\n <\/div>\n <div class=\"tip-item\">\n <h4>To improve conversion<\/h4>\n <p>A\/B test two different CTAs (urgency vs. value-based)<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card-footer\">\n <div class=\"stat\">\u2b50 <strong>4.8<\/strong> (189 ratings)<\/div>\n <div class=\"stat\">\ud83d\udce5 <strong>2,341<\/strong> copies<\/div>\n <div class=\"stat\">\ud83d\udcac <strong>98<\/strong> reviews<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"toast\" id=\"toast\">\u2705 Prompt copied to clipboard!<\/div>\n\n <script>\n function copyPrompt() {\n const promptContent = document.getElementById('promptContent').innerText;\n navigator.clipboard.writeText(promptContent).then(() => {\n const button = document.querySelector('.copy-button');\n const toast = document.getElementById('toast');\n\n button.textContent = '\u2705 Copied!';\n button.classList.add('copied');\n toast.classList.add('show');\n\n setTimeout(() => {\n button.textContent = '\ud83d\udccb Copy Prompt';\n button.classList.remove('copied');\n toast.classList.remove('show');\n }, 3000);\n });\n }\n <\/script>\n <\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>30-Second Product Commercial – AiPro Institute Prompt Library AiPro Institute\u2122 30-Second Product Commercial Create compelling 30-second video scripts that showcase product benefits, drive emotion, and convert viewers into customers \u26a1 Intermediate \u23f1\ufe0f 3-4 Minutes \ud83d\udcb3 Medium Cost \ud83d\udcc4 Video Script \ud83d\udee0\ufe0f Tool Compatibility \u2728 Model Agnostic \ud83e\udde0 GPT-4o \ud83c\udfad Claude 3.5 \u264a Gemini Pro \ud83c\udfac…<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[118,115,97],"tags":[],"class_list":["post-3729","post","type-post","status-publish","format-standard","hentry","category-business-corporate","category-marketing-videos","category-video-production"],"acf":[],"_links":{"self":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/3729","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/comments?post=3729"}],"version-history":[{"count":4,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/3729\/revisions"}],"predecessor-version":[{"id":3774,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/3729\/revisions\/3774"}],"wp:attachment":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/media?parent=3729"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/categories?post=3729"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/tags?post=3729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}