Tutorial Video (How-To Format) - AiPro Institute\u2122 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.3);\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: 800px;\n line-height: 1.5;\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-flex;\n align-items: center;\n padding: 0.4rem 0.9rem;\n border-radius: 20px;\n font-size: 0.85rem;\n font-weight: 600;\n background: rgba(255, 255, 255, 0.2);\n backdrop-filter: blur(4px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .badge-skill {\n background: #f59e0b; \/* Yellow for Intermediate *\/\n color: white;\n border: none;\n }\n\n .badge-time {\n background: #10b981;\n color: white;\n border: none;\n }\n\n .badge-cost {\n background: #f59e0b;\n color: white;\n border: none;\n }\n\n .badge-format {\n background: #8b5cf6;\n color: white;\n border: none;\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: 700;\n }\n\n .card-body {\n padding: 2.5rem;\n }\n\n .section {\n margin-bottom: 3rem;\n }\n\n .section:last-child {\n margin-bottom: 0;\n }\n\n .section-title {\n font-size: 1.5rem;\n color: #7c3aed;\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 }\n\n .prompt-box {\n background: #f8fafc;\n border: 2px solid #e2e8f0;\n border-radius: 12px;\n padding: 1.5rem;\n font-family: 'Courier New', Courier, monospace;\n font-size: 0.95rem;\n line-height: 1.7;\n position: relative;\n margin-bottom: 1rem;\n white-space: pre-wrap;\n color: #334155;\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 -1px rgba(0, 0, 0, 0.1);\n }\n\n .copy-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 15px -3px rgba(124, 58, 237, 0.3);\n }\n\n .copy-button:active {\n transform: translateY(0);\n }\n\n .copy-button.copied {\n background: #10b981;\n }\n\n .placeholder {\n color: #f97316;\n font-weight: 700;\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 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\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 }\n\n .output-preview {\n background: #fefce8;\n border: 2px solid #fde047;\n border-radius: 12px;\n padding: 2rem;\n }\n\n .output-preview h4 {\n color: #854d0e;\n margin-bottom: 1rem;\n font-size: 1.1rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .preview-content {\n font-family: 'Courier New', monospace;\n font-size: 0.9rem;\n color: #422006;\n }\n\n .preview-table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 1rem;\n background: white;\n font-family:\n system-ui,\n -apple-system,\n sans-serif;\n border-radius: 8px;\n overflow: hidden;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n }\n\n .preview-table th,\n .preview-table td {\n padding: 12px;\n text-align: left;\n border-bottom: 1px solid #e5e7eb;\n font-size: 0.9rem;\n }\n\n .preview-table th {\n background: #fef9c3;\n color: #854d0e;\n font-weight: 600;\n }\n\n .chain-strategy {\n background: linear-gradient(135deg, #fdf2f8 0%, #fae8ff 100%);\n border-radius: 12px;\n padding: 2rem;\n border: 1px solid #fce7f3;\n }\n\n .chain-steps {\n display: grid;\n gap: 1.5rem;\n margin-top: 1.5rem;\n }\n\n .chain-step {\n background: white;\n padding: 1.5rem;\n border-radius: 12px;\n border-left: 5px solid #a855f7;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n }\n\n .chain-step-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 0.75rem;\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: 800;\n font-size: 1rem;\n flex-shrink: 0;\n }\n\n .chain-step h4 {\n color: #7c3aed;\n font-size: 1.15rem;\n font-weight: 700;\n }\n\n .chain-step p {\n color: #475569;\n margin-bottom: 0.5rem;\n }\n\n .hitl-tips {\n background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);\n border-radius: 12px;\n padding: 2rem;\n border: 1px solid #d1fae5;\n }\n\n .tips-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 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: #047857;\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 line-height: 1.5;\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: #475569;\n font-size: 1rem;\n font-weight: 500;\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: 12px;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n display: none;\n align-items: center;\n gap: 0.75rem;\n animation: slideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n z-index: 1000;\n font-weight: 600;\n }\n\n .toast.show {\n display: flex;\n }\n\n @keyframes slideIn {\n from {\n transform: translateX(100%);\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: 2rem;\n }\n\n .card-header {\n padding: 1.5rem;\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 padding: 1.5rem;\n }\n\n .copy-button {\n position: static;\n width: 100%;\n margin-top: 1rem;\n display: block;\n text-align: center;\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>Tutorial Video (How-To Format)<\/h2>\n <p>\n Create engaging step-by-step tutorial videos that educate viewers, establish authority, and drive results\n with clear instructions and visual demonstrations\n <\/p>\n\n <div class=\"meta-badges\">\n <span class=\"badge badge-skill\">\ud83c\udfaf Intermediate<\/span>\n <span class=\"badge badge-time\">\u23f1\ufe0f 5-7 minutes<\/span>\n <span class=\"badge badge-cost\">\ud83e\ude99 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\">\u2713 Optimized for GPT-4o<\/span>\n <span class=\"tool-badge\">\u2713 Optimized for Claude 3.5<\/span>\n <span class=\"tool-badge\">\u2713 Gemini Pro<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card-body\">\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83d\udccb The Prompt<\/h3>\n <div class=\"prompt-box\">\n <button class=\"copy-button\" onclick=\"copyPrompt()\">\ud83d\udccb Copy Prompt<\/button>\n <div id=\"promptContent\">\n You are an expert Educational Video Producer and Instructional Designer with 10+ years of experience\n creating high-retention tutorial content. Create a comprehensive, step-by-step tutorial video script\n based on the following details: **Tutorial Context:** - **Tutorial Topic:**\n <span class=\"placeholder\">[Insert Tutorial Topic]<\/span> - **Target Audience Skill Level:**\n <span class=\"placeholder\">[Beginner \/ Intermediate \/ Advanced]<\/span> - **Tools\/Materials Needed:**\n <span class=\"placeholder\">[List Key Tools or Software]<\/span> - **Video Length Target:**\n <span class=\"placeholder\">[e.g., 5-7 Minutes]<\/span> - **Brand Voice:**\n <span class=\"placeholder\">[e.g., Helpful, Authoritative, Energetic]<\/span> - **Desired Outcome:**\n <span class=\"placeholder\">[Specific result viewer achieves]<\/span>\n\n **Script Structure Requirements:** 1. **Introduction & Hook (0-15s):** - Start with the \"Promise\": State\n exactly what they will achieve. - Address the \"Pain\": Briefly touch on why this is usually hard or\n confusing. - Establish Credibility: Why should they listen to you? 2. **Materials\/Tools Overview\n (15-30s):** - Provide a visual inventory checklist. - Suggest budget-friendly alternatives if\n applicable. - Include preparation tips before starting. 3. **Step-by-Step Process (Main Body):** - Break\n the process into clear, numbered steps (e.g., Step 1, Step 2). - Use the \"I Do, We Do, You Do\" framing\n where appropriate. - Include specific **Visual Direction** for every line of dialogue (e.g., \"Close-up\n on hands,\" \"Screen recording of mouse click\"). - Highlight **\"Common Mistake Alerts\"**: Anticipate where\n users usually fail and provide a preemptive fix. 4. **Tips & Troubleshooting:** - Add a dedicated\n section for \"Pro Tips\" to speed up the workflow. - Address 2-3 FAQs or common blockers. 5. **Recap &\n Next Steps:** - Summarize the key takeaways in 3 bullet points. - Provide a specific Call-to-Action\n (CTA). - Suggest a related video to watch next (Retention Loop). 6. **Visual Requirements:** - Specify\n camera angles (Wide, Medium, Close-up\/Macro). - Indicate specific text overlays (Lower Thirds, Bullet\n Points, Warning Icons). - Suggest B-Roll placement to cover cuts. 7. **Technical Specs:** - Recommend\n Aspect Ratio (16:9 for YouTube\/Web, 9:16 for Social). - Define Chapter Markers for the final video\n description. **Output Format:** Please provide the script in a detailed table with columns for:\n **Timestamp**, **Visual Scene\/Action**, **Audio\/Voiceover**, **Text Overlay**, and **Notes**.\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 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>1. Educational Framework Structure<\/h4>\n <p>\n Adheres to the \"I do, We do, You do\" scaffolding methodology, ensuring knowledge retention by\n gradually releasing responsibility to the learner.\n <\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>2. Mistake Prevention Built-In<\/h4>\n <p>\n By explicitly asking for \"Common Mistake Alerts,\" the script reduces viewer frustration and\n abandonment, directly increasing satisfaction scores.\n <\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>3. Multi-Level Learning Support<\/h4>\n <p>\n The prompt structure forces clarity for specific skill levels (Beginner vs Advanced), preventing the\n \"Curse of Knowledge\" where experts skip basic steps.\n <\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>4. Visual-First Instruction Design<\/h4>\n <p>\n Prioritizing \"Visual Direction\" for every line of dialogue respects that 65% of people are visual\n learners and prevents \"talking head\" boredom.\n <\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>5. Engagement Retention Checkpoints<\/h4>\n <p>\n Strategic positioning of the Hook, Tools Overview, and Chapter Markers keeps viewers engaged through\n the \"mid-video slump\" common in long tutorials.\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: \"How to Change a Flat Tire in 10 Minutes\"<\/h4>\n <div class=\"preview-content\">\n <table class=\"preview-table\">\n <thead>\n <tr>\n <th style=\"width: 15%\">Timestamp<\/th>\n <th style=\"width: 35%\">Visual Scene\/Action<\/th>\n <th style=\"width: 35%\">Audio\/Voiceover<\/th>\n <th style=\"width: 15%\">Text Overlay<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>0:00 - 0:15<\/td>\n <td>Wide shot: Host standing next to car with flat tire. Cut to close up of flat tire.<\/td>\n <td>\n \"Stuck on the side of the road? Don't call a tow truck yet. In the next 10 minutes, I'll show\n you exactly how to safely change your tire and get back on the road.\"\n <\/td>\n <td>TITLE: Change a Tire in 10 Mins<\/td>\n <\/tr>\n <tr>\n <td>0:15 - 0:30<\/td>\n <td>Top-down layout of tools on a mat: Jack, Lug Wrench, Spare Tire.<\/td>\n <td>\n \"You only need three things: Your jack, the lug wrench, and your spare. Most cars hide these\n under the trunk floor mat.\"\n <\/td>\n <td>CHECKLIST: <br \/>1. Jack<br \/>2. Wrench<br \/>3. Spare<\/td>\n <\/tr>\n <tr>\n <td>0:30 - 0:45<\/td>\n <td>\n <strong>Step 1:<\/strong> Close up on lug nuts. Host positioning wrench. <br \/><em>Action:<\/em>\n Host loosens nut slightly.\n <\/td>\n <td>\n \"Step one: Loosen the lug nuts BEFORE you jack up the car. If the wheel is in the air, it will\n just spin.\"\n <\/td>\n <td>STEP 1: Loosen (Don't Remove!)<\/td>\n <\/tr>\n <tr>\n <td>0:45 - 0:55<\/td>\n <td>\n <strong>\u26a0\ufe0f Mistake Alert:<\/strong> Red tint overlay. Show someone struggling with a spinning\n wheel.\n <\/td>\n <td>\n \"This is the #1 mistake people make. Trying to loosen nuts on a lifted car is dangerous and\n impossible. Keep it on the ground for now.\"\n <\/td>\n <td>\u274c WRONG WAY<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\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: 1rem\">\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=\"chain-step-header\">\n <div class=\"step-number\">1<\/div>\n <h4>Skill Gap Analysis & Learning Objectives<\/h4>\n <\/div>\n <p>\n <strong>Prompt:<\/strong> \"Analyze the topic '[Tutorial Topic]'. Identify the top 5 questions\n beginners ask, the 3 biggest misconceptions, and the exact sequence of skills needed to master\n this.\"\n <\/p>\n <p>\n <strong>Why:<\/strong> Ensures your tutorial hits the exact pain points and doesn't skip foundational\n knowledge.\n <\/p>\n <\/div>\n\n <div class=\"chain-step\">\n <div class=\"chain-step-header\">\n <div class=\"step-number\">2<\/div>\n <h4>Generate Tutorial Script (This Prompt)<\/h4>\n <\/div>\n <p>\n <strong>Action:<\/strong> Use the main Tutorial Video prompt above, incorporating the\n \"Misconceptions\" and \"Skill Sequence\" from Step 1 into the requirements.\n <\/p>\n <p>\n <strong>Why:<\/strong> Creates a script that is pedagogically sound and addresses real viewer needs.\n <\/p>\n <\/div>\n\n <div class=\"chain-step\">\n <div class=\"chain-step-header\">\n <div class=\"step-number\">3<\/div>\n <h4>Supplemental Content Creation<\/h4>\n <\/div>\n <p>\n <strong>Prompt:<\/strong> \"Based on this script, generate: (1) A click-worthy YouTube Thumbnail\n concept text, (2) An SEO-optimized video description with timestamps, (3) A 'Pinned Comment'\n addressing the most likely FAQ.\"\n <\/p>\n <p>\n <strong>Why:<\/strong> Maximizes click-through rate and community engagement immediately upon\n publishing.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83d\udca1 Human-in-the-Loop Refinement Tips<\/h3>\n <div class=\"hitl-tips\">\n <p style=\"color: #065f46; font-weight: 600; margin-bottom: 1rem\">\n Enhance your results with these follow-up prompts and manual adjustments:\n <\/p>\n <div class=\"tips-grid\">\n <div class=\"tip-item\">\n <h4>If steps feel rushed or unclear:<\/h4>\n <p>\n Add \"pause points.\" Ask the AI:\n <em>\"Add a 'Check Your Work' verification step after Step 3 to ensure the viewer is on track.\"<\/em>\n <\/p>\n <\/div>\n\n <div class=\"tip-item\">\n <h4>To improve visual clarity:<\/h4>\n <p>\n Generic \"Show X\" isn't enough. Ask:\n <em\n >\"Rewrite the visual direction for the complex assembly section to specify camera angles (Top-down\n vs. 45-degree angle).\"<\/em\n>\n <\/p>\n <\/div>\n\n <div class=\"tip-item\">\n <h4>If engagement drops in middle:<\/h4>\n <p>\n Insert a \"Quick Win.\" Ask:\n <em\n >\"Identify a point at the 3-minute mark to insert a 'Checkpoint Question' or a mini-success moment\n to re-engage the viewer.\"<\/em\n>\n <\/p>\n <\/div>\n\n <div class=\"tip-item\">\n <h4>To optimize for different skill levels:<\/h4>\n <p>\n Create depth. Ask:\n <em\n >\"Add an expandable 'Deep Dive' note for advanced viewers explaining the 'Why' behind Step 4.\"<\/em\n>\n <\/p>\n <\/div>\n\n <div class=\"tip-item\">\n <h4>To increase completion rate:<\/h4>\n <p>\n Gamify progress. Ask:\n <em\n >\"Add visual cues for a 'Progress Bar' at 25%, 50%, and 75% completion in the visual column.\"<\/em\n>\n <\/p>\n <\/div>\n\n <div class=\"tip-item\">\n <h4>To boost authority and trust:<\/h4>\n <p>\n Humanize it. Manually add: <em>\"Personal Note: I learned this the hard way when...\"<\/em> anecdotes\n into the voiceover column.\n <\/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> (267 ratings)<\/div>\n <div class=\"stat\">\ud83d\udccb <strong>4,892<\/strong> copies<\/div>\n <div class=\"stat\">\ud83d\udcac <strong>156<\/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>Tutorial Video (How-To Format) – AiPro Institute\u2122 Prompt Library AiPro Institute\u2122 Tutorial Video (How-To Format) Create engaging step-by-step tutorial videos that educate viewers, establish authority, and drive results with clear instructions and visual demonstrations \ud83c\udfaf Intermediate \u23f1\ufe0f 5-7 minutes \ud83e\ude99 Medium Cost \ud83d\udcc4 Video Script \ud83d\udee0\ufe0f Tool Compatibility \u2728 Model Agnostic \u2713 Optimized for GPT-4o…<\/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":[116,97],"tags":[],"class_list":["post-3919","post","type-post","status-publish","format-standard","hentry","category-educational-videos","category-video-production"],"acf":[],"_links":{"self":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/3919","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=3919"}],"version-history":[{"count":4,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/3919\/revisions"}],"predecessor-version":[{"id":3923,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/3919\/revisions\/3923"}],"wp:attachment":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/media?parent=3919"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/categories?post=3919"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/tags?post=3919"}],"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 \n Tutorial Video (How-To Format) - AiPro Institute\u2122 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.3);\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: 800px;\n line-height: 1.5;\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-flex;\n align-items: center;\n padding: 0.4rem 0.9rem;\n border-radius: 20px;\n font-size: 0.85rem;\n font-weight: 600;\n background: rgba(255, 255, 255, 0.2);\n backdrop-filter: blur(4px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .badge-skill {\n background: #f59e0b; \/* Yellow for Intermediate *\/\n color: white;\n border: none;\n }\n\n .badge-time {\n background: #10b981;\n color: white;\n border: none;\n }\n\n .badge-cost {\n background: #f59e0b;\n color: white;\n border: none;\n }\n\n .badge-format {\n background: #8b5cf6;\n color: white;\n border: none;\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: 700;\n }\n\n .card-body {\n padding: 2.5rem;\n }\n\n .section {\n margin-bottom: 3rem;\n }\n\n .section:last-child {\n margin-bottom: 0;\n }\n\n .section-title {\n font-size: 1.5rem;\n color: #7c3aed;\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 }\n\n .prompt-box {\n background: #f8fafc;\n border: 2px solid #e2e8f0;\n border-radius: 12px;\n padding: 1.5rem;\n font-family: 'Courier New', Courier, monospace;\n font-size: 0.95rem;\n line-height: 1.7;\n position: relative;\n margin-bottom: 1rem;\n white-space: pre-wrap;\n color: #334155;\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 -1px rgba(0, 0, 0, 0.1);\n }\n\n .copy-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 15px -3px rgba(124, 58, 237, 0.3);\n }\n\n .copy-button:active {\n transform: translateY(0);\n }\n\n .copy-button.copied {\n background: #10b981;\n }\n\n .placeholder {\n color: #f97316;\n font-weight: 700;\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 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\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 }\n\n .output-preview {\n background: #fefce8;\n border: 2px solid #fde047;\n border-radius: 12px;\n padding: 2rem;\n }\n\n .output-preview h4 {\n color: #854d0e;\n margin-bottom: 1rem;\n font-size: 1.1rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .preview-content {\n font-family: 'Courier New', monospace;\n font-size: 0.9rem;\n color: #422006;\n }\n\n .preview-table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 1rem;\n background: white;\n font-family:\n system-ui,\n -apple-system,\n sans-serif;\n border-radius: 8px;\n overflow: hidden;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n }\n\n .preview-table th,\n .preview-table td {\n padding: 12px;\n text-align: left;\n border-bottom: 1px solid #e5e7eb;\n font-size: 0.9rem;\n }\n\n .preview-table th {\n background: #fef9c3;\n color: #854d0e;\n font-weight: 600;\n }\n\n .chain-strategy {\n background: linear-gradient(135deg, #fdf2f8 0%, #fae8ff 100%);\n border-radius: 12px;\n padding: 2rem;\n border: 1px solid #fce7f3;\n }\n\n .chain-steps {\n display: grid;\n gap: 1.5rem;\n margin-top: 1.5rem;\n }\n\n .chain-step {\n background: white;\n padding: 1.5rem;\n border-radius: 12px;\n border-left: 5px solid #a855f7;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n }\n\n .chain-step-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 0.75rem;\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: 800;\n font-size: 1rem;\n flex-shrink: 0;\n }\n\n .chain-step h4 {\n color: #7c3aed;\n font-size: 1.15rem;\n font-weight: 700;\n }\n\n .chain-step p {\n color: #475569;\n margin-bottom: 0.5rem;\n }\n\n .hitl-tips {\n background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);\n border-radius: 12px;\n padding: 2rem;\n border: 1px solid #d1fae5;\n }\n\n .tips-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 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: #047857;\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 line-height: 1.5;\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: #475569;\n font-size: 1rem;\n font-weight: 500;\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: 12px;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n display: none;\n align-items: center;\n gap: 0.75rem;\n animation: slideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n z-index: 1000;\n font-weight: 600;\n }\n\n .toast.show {\n display: flex;\n }\n\n @keyframes slideIn {\n from {\n transform: translateX(100%);\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: 2rem;\n }\n\n .card-header {\n padding: 1.5rem;\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 padding: 1.5rem;\n }\n\n .copy-button {\n position: static;\n width: 100%;\n margin-top: 1rem;\n display: block;\n text-align: center;\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>Tutorial Video (How-To Format)<\/h2>\n <p>\n Create engaging step-by-step tutorial videos that educate viewers, establish authority, and drive results\n with clear instructions and visual demonstrations\n <\/p>\n\n <div class=\"meta-badges\">\n <span class=\"badge badge-skill\">\ud83c\udfaf Intermediate<\/span>\n <span class=\"badge badge-time\">\u23f1\ufe0f 5-7 minutes<\/span>\n <span class=\"badge badge-cost\">\ud83e\ude99 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\">\u2713 Optimized for GPT-4o<\/span>\n <span class=\"tool-badge\">\u2713 Optimized for Claude 3.5<\/span>\n <span class=\"tool-badge\">\u2713 Gemini Pro<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card-body\">\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83d\udccb The Prompt<\/h3>\n <div class=\"prompt-box\">\n <button class=\"copy-button\" onclick=\"copyPrompt()\">\ud83d\udccb Copy Prompt<\/button>\n <div id=\"promptContent\">\n You are an expert Educational Video Producer and Instructional Designer with 10+ years of experience\n creating high-retention tutorial content. Create a comprehensive, step-by-step tutorial video script\n based on the following details: **Tutorial Context:** - **Tutorial Topic:**\n <span class=\"placeholder\">[Insert Tutorial Topic]<\/span> - **Target Audience Skill Level:**\n <span class=\"placeholder\">[Beginner \/ Intermediate \/ Advanced]<\/span> - **Tools\/Materials Needed:**\n <span class=\"placeholder\">[List Key Tools or Software]<\/span> - **Video Length Target:**\n <span class=\"placeholder\">[e.g., 5-7 Minutes]<\/span> - **Brand Voice:**\n <span class=\"placeholder\">[e.g., Helpful, Authoritative, Energetic]<\/span> - **Desired Outcome:**\n <span class=\"placeholder\">[Specific result viewer achieves]<\/span>\n\n **Script Structure Requirements:** 1. **Introduction & Hook (0-15s):** - Start with the \"Promise\": State\n exactly what they will achieve. - Address the \"Pain\": Briefly touch on why this is usually hard or\n confusing. - Establish Credibility: Why should they listen to you? 2. **Materials\/Tools Overview\n (15-30s):** - Provide a visual inventory checklist. - Suggest budget-friendly alternatives if\n applicable. - Include preparation tips before starting. 3. **Step-by-Step Process (Main Body):** - Break\n the process into clear, numbered steps (e.g., Step 1, Step 2). - Use the \"I Do, We Do, You Do\" framing\n where appropriate. - Include specific **Visual Direction** for every line of dialogue (e.g., \"Close-up\n on hands,\" \"Screen recording of mouse click\"). - Highlight **\"Common Mistake Alerts\"**: Anticipate where\n users usually fail and provide a preemptive fix. 4. **Tips & Troubleshooting:** - Add a dedicated\n section for \"Pro Tips\" to speed up the workflow. - Address 2-3 FAQs or common blockers. 5. **Recap &\n Next Steps:** - Summarize the key takeaways in 3 bullet points. - Provide a specific Call-to-Action\n (CTA). - Suggest a related video to watch next (Retention Loop). 6. **Visual Requirements:** - Specify\n camera angles (Wide, Medium, Close-up\/Macro). - Indicate specific text overlays (Lower Thirds, Bullet\n Points, Warning Icons). - Suggest B-Roll placement to cover cuts. 7. **Technical Specs:** - Recommend\n Aspect Ratio (16:9 for YouTube\/Web, 9:16 for Social). - Define Chapter Markers for the final video\n description. **Output Format:** Please provide the script in a detailed table with columns for:\n **Timestamp**, **Visual Scene\/Action**, **Audio\/Voiceover**, **Text Overlay**, and **Notes**.\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 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>1. Educational Framework Structure<\/h4>\n <p>\n Adheres to the \"I do, We do, You do\" scaffolding methodology, ensuring knowledge retention by\n gradually releasing responsibility to the learner.\n <\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>2. Mistake Prevention Built-In<\/h4>\n <p>\n By explicitly asking for \"Common Mistake Alerts,\" the script reduces viewer frustration and\n abandonment, directly increasing satisfaction scores.\n <\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>3. Multi-Level Learning Support<\/h4>\n <p>\n The prompt structure forces clarity for specific skill levels (Beginner vs Advanced), preventing the\n \"Curse of Knowledge\" where experts skip basic steps.\n <\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>4. Visual-First Instruction Design<\/h4>\n <p>\n Prioritizing \"Visual Direction\" for every line of dialogue respects that 65% of people are visual\n learners and prevents \"talking head\" boredom.\n <\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>5. Engagement Retention Checkpoints<\/h4>\n <p>\n Strategic positioning of the Hook, Tools Overview, and Chapter Markers keeps viewers engaged through\n the \"mid-video slump\" common in long tutorials.\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: \"How to Change a Flat Tire in 10 Minutes\"<\/h4>\n <div class=\"preview-content\">\n <table class=\"preview-table\">\n <thead>\n <tr>\n <th style=\"width: 15%\">Timestamp<\/th>\n <th style=\"width: 35%\">Visual Scene\/Action<\/th>\n <th style=\"width: 35%\">Audio\/Voiceover<\/th>\n <th style=\"width: 15%\">Text Overlay<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>0:00 - 0:15<\/td>\n <td>Wide shot: Host standing next to car with flat tire. Cut to close up of flat tire.<\/td>\n <td>\n \"Stuck on the side of the road? Don't call a tow truck yet. In the next 10 minutes, I'll show\n you exactly how to safely change your tire and get back on the road.\"\n <\/td>\n <td>TITLE: Change a Tire in 10 Mins<\/td>\n <\/tr>\n <tr>\n <td>0:15 - 0:30<\/td>\n <td>Top-down layout of tools on a mat: Jack, Lug Wrench, Spare Tire.<\/td>\n <td>\n \"You only need three things: Your jack, the lug wrench, and your spare. Most cars hide these\n under the trunk floor mat.\"\n <\/td>\n <td>CHECKLIST: <br \/>1. Jack<br \/>2. Wrench<br \/>3. Spare<\/td>\n <\/tr>\n <tr>\n <td>0:30 - 0:45<\/td>\n <td>\n <strong>Step 1:<\/strong> Close up on lug nuts. Host positioning wrench. <br \/><em>Action:<\/em>\n Host loosens nut slightly.\n <\/td>\n <td>\n \"Step one: Loosen the lug nuts BEFORE you jack up the car. If the wheel is in the air, it will\n just spin.\"\n <\/td>\n <td>STEP 1: Loosen (Don't Remove!)<\/td>\n <\/tr>\n <tr>\n <td>0:45 - 0:55<\/td>\n <td>\n <strong>\u26a0\ufe0f Mistake Alert:<\/strong> Red tint overlay. Show someone struggling with a spinning\n wheel.\n <\/td>\n <td>\n \"This is the #1 mistake people make. Trying to loosen nuts on a lifted car is dangerous and\n impossible. Keep it on the ground for now.\"\n <\/td>\n <td>\u274c WRONG WAY<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\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: 1rem\">\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=\"chain-step-header\">\n <div class=\"step-number\">1<\/div>\n <h4>Skill Gap Analysis & Learning Objectives<\/h4>\n <\/div>\n <p>\n <strong>Prompt:<\/strong> \"Analyze the topic '[Tutorial Topic]'. Identify the top 5 questions\n beginners ask, the 3 biggest misconceptions, and the exact sequence of skills needed to master\n this.\"\n <\/p>\n <p>\n <strong>Why:<\/strong> Ensures your tutorial hits the exact pain points and doesn't skip foundational\n knowledge.\n <\/p>\n <\/div>\n\n <div class=\"chain-step\">\n <div class=\"chain-step-header\">\n <div class=\"step-number\">2<\/div>\n <h4>Generate Tutorial Script (This Prompt)<\/h4>\n <\/div>\n <p>\n <strong>Action:<\/strong> Use the main Tutorial Video prompt above, incorporating the\n \"Misconceptions\" and \"Skill Sequence\" from Step 1 into the requirements.\n <\/p>\n <p>\n <strong>Why:<\/strong> Creates a script that is pedagogically sound and addresses real viewer needs.\n <\/p>\n <\/div>\n\n <div class=\"chain-step\">\n <div class=\"chain-step-header\">\n <div class=\"step-number\">3<\/div>\n <h4>Supplemental Content Creation<\/h4>\n <\/div>\n <p>\n <strong>Prompt:<\/strong> \"Based on this script, generate: (1) A click-worthy YouTube Thumbnail\n concept text, (2) An SEO-optimized video description with timestamps, (3) A 'Pinned Comment'\n addressing the most likely FAQ.\"\n <\/p>\n <p>\n <strong>Why:<\/strong> Maximizes click-through rate and community engagement immediately upon\n publishing.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83d\udca1 Human-in-the-Loop Refinement Tips<\/h3>\n <div class=\"hitl-tips\">\n <p style=\"color: #065f46; font-weight: 600; margin-bottom: 1rem\">\n Enhance your results with these follow-up prompts and manual adjustments:\n <\/p>\n <div class=\"tips-grid\">\n <div class=\"tip-item\">\n <h4>If steps feel rushed or unclear:<\/h4>\n <p>\n Add \"pause points.\" Ask the AI:\n <em>\"Add a 'Check Your Work' verification step after Step 3 to ensure the viewer is on track.\"<\/em>\n <\/p>\n <\/div>\n\n <div class=\"tip-item\">\n <h4>To improve visual clarity:<\/h4>\n <p>\n Generic \"Show X\" isn't enough. Ask:\n <em\n >\"Rewrite the visual direction for the complex assembly section to specify camera angles (Top-down\n vs. 45-degree angle).\"<\/em\n>\n <\/p>\n <\/div>\n\n <div class=\"tip-item\">\n <h4>If engagement drops in middle:<\/h4>\n <p>\n Insert a \"Quick Win.\" Ask:\n <em\n >\"Identify a point at the 3-minute mark to insert a 'Checkpoint Question' or a mini-success moment\n to re-engage the viewer.\"<\/em\n>\n <\/p>\n <\/div>\n\n <div class=\"tip-item\">\n <h4>To optimize for different skill levels:<\/h4>\n <p>\n Create depth. Ask:\n <em\n >\"Add an expandable 'Deep Dive' note for advanced viewers explaining the 'Why' behind Step 4.\"<\/em\n>\n <\/p>\n <\/div>\n\n <div class=\"tip-item\">\n <h4>To increase completion rate:<\/h4>\n <p>\n Gamify progress. Ask:\n <em\n >\"Add visual cues for a 'Progress Bar' at 25%, 50%, and 75% completion in the visual column.\"<\/em\n>\n <\/p>\n <\/div>\n\n <div class=\"tip-item\">\n <h4>To boost authority and trust:<\/h4>\n <p>\n Humanize it. Manually add: <em>\"Personal Note: I learned this the hard way when...\"<\/em> anecdotes\n into the voiceover column.\n <\/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> (267 ratings)<\/div>\n <div class=\"stat\">\ud83d\udccb <strong>4,892<\/strong> copies<\/div>\n <div class=\"stat\">\ud83d\udcac <strong>156<\/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>Tutorial Video (How-To Format) – AiPro Institute\u2122 Prompt Library AiPro Institute\u2122 Tutorial Video (How-To Format) Create engaging step-by-step tutorial videos that educate viewers, establish authority, and drive results with clear instructions and visual demonstrations \ud83c\udfaf Intermediate \u23f1\ufe0f 5-7 minutes \ud83e\ude99 Medium Cost \ud83d\udcc4 Video Script \ud83d\udee0\ufe0f Tool Compatibility \u2728 Model Agnostic \u2713 Optimized for GPT-4o…<\/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":[116,97],"tags":[],"class_list":["post-3919","post","type-post","status-publish","format-standard","hentry","category-educational-videos","category-video-production"],"acf":[],"_links":{"self":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/3919","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=3919"}],"version-history":[{"count":4,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/3919\/revisions"}],"predecessor-version":[{"id":3923,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/3919\/revisions\/3923"}],"wp:attachment":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/media?parent=3919"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/categories?post=3919"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/tags?post=3919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}