npm - @learnpack/learnpack - Versions diffs - 5.0.276 → 5.0.278 - Mend

@learnpack/learnpack 5.0.276 → 5.0.278

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (602) hide show

package/src/output/directory/cdf069e9-cb18-414f-81cb-8c8f4339a38f/html/01.1-setting-up-a-heygen-account/README.html ADDED Viewed

@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <title>README.md</title>
+  <style>
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <link rel="stylesheet" href="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\utils\templates\epub\epub.css" />
+</head>
+<body>
+<h1 id="setting-up-a-heygen-account"><code>01.1</code> - Setting Up a
+HeyGen Account</h1>
+<p>Hey there, future avatar creator! 🎉 You’ve just learned what HeyGen
+is all about in the previous lesson, and now it’s time to roll up your
+sleeves and get started. Today, we’re walking through the essential
+first step: setting up your very own HeyGen account. This is your
+gateway to creating stunning AI-powered avatars and videos, so let’s
+make sure you’re set up for success!</p>
+<p>In this lesson, we’ll guide you through the process of signing up,
+verifying your email, and completing your profile. By the end, you’ll be
+ready to dive into the HeyGen platform and start exploring its creative
+tools. Let’s jump right in and get your account up and running!</p>
+<h2 id="step-1-visit-the-heygen-website">Step 1: Visit the HeyGen
+Website</h2>
+<p>First things first, you need to head over to the official HeyGen
+website. Open your favorite browser—whether it’s Chrome, Firefox, or
+Safari—and type in <a href="https://app.heygen.com/">www.heygen.com</a>.
+Hit enter, and you’ll land on their homepage. Look for the <strong>Sign
+up for free</strong> button, which is located at the top right corner of
+the page.</p>
+<p>Take a moment to familiarize yourself with the homepage. You might
+see examples of avatars or videos created with HeyGen, which can be
+pretty inspiring! Once you’re ready, click that <strong>Sign Up</strong>
+button to begin the registration process.</p>
+<h2 id="step-2-register-with-your-email">Step 2: Register with Your
+Email</h2>
+<p>After clicking <strong>Sign Up</strong>, you’ll be prompted to enter
+your email address. Use an email you check regularly since you’ll need
+it for verification. HeyGen may also offer the option to sign up using a
+Google or social media account for convenience—feel free to choose this
+if it’s easier for you.</p>
+<figure>
+<img
+src="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\output\directory\cdf069e9-cb18-414f-81cb-8c8f4339a38f\learn\assets\screenshot-2025-08-20-091438png"
+alt="/.learn/assets/screenshot-2025-08-20-091438png" />
+<figcaption
+aria-hidden="true">/.learn/assets/screenshot-2025-08-20-091438png</figcaption>
+</figure>
+<p>Fill in the required fields, which typically include:</p>
+<p>Once you’ve filled everything out, finish creating your account and
+move to the next step.</p>
+<h2 id="step-3-explore-your-dashboard">Step 3: Explore Your
+Dashboard</h2>
+<p>Congratulations, you’re officially in! 🎊 After setting up your
+profile, you’ll land on the HeyGen dashboard. This is your control
+center for creating avatars and videos. Take a minute to look around.
+You might see options like <strong>Create Avatar</strong>, <strong>Start
+a Video</strong>, or <strong>Templates</strong>. Don’t click anything
+just yet—we’ll dive deeper into navigation in the next lesson.</p>
+<p>For now, celebrate this milestone! You’ve successfully set up your
+HeyGen account and are one step closer to bringing your ideas to
+life.</p>
+<h2 id="quick-checklist-before-moving-on">Quick Checklist Before Moving
+On</h2>
+<p>Let’s make sure you’ve got everything in place. Review this quick
+checklist:</p>
+<table>
+<thead>
+<tr>
+<th><strong>Task</strong></th>
+<th><strong>Completed?</strong></th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>Visited HeyGen website</td>
+<td>✅ / ❌</td>
+</tr>
+<tr>
+<td>Signed up with email</td>
+<td>✅ / ❌</td>
+</tr>
+<tr>
+<td>Verified email</td>
+<td>✅ / ❌</td>
+</tr>
+<tr>
+<td>Completed profile</td>
+<td>✅ / ❌</td>
+</tr>
+<tr>
+<td>Accessed dashboard</td>
+<td>✅ / ❌</td>
+</tr>
+</tbody>
+</table>
+<p>If you’ve checked off all these boxes, you’re ready to move forward.
+If not, revisit the step where you got stuck and troubleshoot. Remember,
+HeyGen’s support page or help center is there if you need
+assistance.</p>
+<p>You’ve done awesome work getting your account ready! Click ahead to
+learn how to navigate the HeyGen interface and start unlocking its full
+potential. Let’s keep the momentum going! 🚀</p>
+</body>
+</html>

package/src/output/directory/cdf069e9-cb18-414f-81cb-8c8f4339a38f/html/01.2-understanding-heygen-interface/README.html ADDED Viewed

@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <title>README.md</title>
+  <style>
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <link rel="stylesheet" href="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\utils\templates\epub\epub.css" />
+</head>
+<body>
+<h1 id="understanding-heygen-interface"><code>01.2</code> -
+Understanding HeyGen Interface</h1>
+<p>Hey, avatar enthusiast! 🎥 Welcome back! You’ve got your HeyGen
+account set up, and now it’s time to get cozy with the platform. Think
+of this lesson as your personal tour of the HeyGen interface—a roadmap
+to help you navigate the dashboard, menus, and tools with ease. By the
+end, you’ll know exactly where to go to create avatars and videos for
+your projects.</p>
+<p>We’re diving into the layout and key features of HeyGen today. No
+guesswork, just clear directions to build your confidence. Grab a coffee
+or a snack, log into your HeyGen account, and let’s explore this
+creative playground together!</p>
+<h2 id="step-1-get-to-know-the-dashboard">Step 1: Get to Know the
+Dashboard</h2>
+<figure>
+<img
+src="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\output\directory\cdf069e9-cb18-414f-81cb-8c8f4339a38f\learn\assets\screenshot-2025-08-20-100052png"
+alt="/.learn/assets/screenshot-2025-08-20-100052png" />
+<figcaption
+aria-hidden="true">/.learn/assets/screenshot-2025-08-20-100052png</figcaption>
+</figure>
+<p>Once you log into HeyGen, you’re greeted by the
+<strong>dashboard</strong>—your home base. This is where all the magic
+starts. Typically, the dashboard displays a clean layout with quick
+access to your recent projects, templates, or a big
+<strong>Create</strong> button. Look around. Do you see options like
+<strong>Create Avatar</strong> or <strong>Start a Video</strong>? These
+are your gateways to action.</p>
+<h2 id="step-2-locate-the-main-navigation-menu">Step 2: Locate the Main
+Navigation Menu</h2>
+<p>Most web platforms have a navigation bar or menu, and HeyGen is no
+exception. Check the top of the screen or the left sidebar (depending on
+their design). This menu is your compass—it guides you to different
+sections like <strong>Avatars</strong>, <strong>Projects</strong>,
+<strong>Templates</strong>, or <strong>Settings</strong>. Click on each
+tab briefly to see what pops up, but don’t dive too deep yet. We’re just
+mapping things out!</p>
+<p>Pay attention to icons or labels. For example, a small person icon
+might represent your avatar tools, while a play button could lead to
+video creation. Jot down mentally (or on paper!) which menu item seems
+most exciting to you. That’s where we’ll head in future lessons.</p>
+<p>Don’t worry about creating anything yet—just explore! The goal is to
+feel like you’ve walked through a new neighborhood and know where the
+main streets are. If something confuses you, that’s okay. Write it down
+to revisit later.</p>
+<h2 id="key-interface-features-at-a-glance">Key Interface Features at a
+Glance</h2>
+<p>Here’s a handy table summarizing what you’ve discovered. Fill in the
+blanks mentally as you explore (or literally if you’re taking
+notes!):</p>
+<table>
+<colgroup>
+<col style="width: 27%" />
+<col style="width: 32%" />
+<col style="width: 40%" />
+</colgroup>
+<thead>
+<tr>
+<th><strong>Feature</strong></th>
+<th><strong>Location</strong></th>
+<th><strong>Purpose</strong></th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>Dashboard</td>
+<td>Main screen after login</td>
+<td>Overview of projects and tools</td>
+</tr>
+<tr>
+<td>Navigation Menu</td>
+<td>Top bar or sidebar</td>
+<td>Access to avatars, videos, etc.</td>
+</tr>
+<tr>
+<td>Create Avatar/Video</td>
+<td>Likely on dashboard/menu</td>
+<td>Start your creative projects</td>
+</tr>
+<tr>
+<td>Help/Support</td>
+<td>Menu or footer</td>
+<td>Guides and troubleshooting</td>
+</tr>
+<tr>
+<td>Account Settings</td>
+<td>Profile icon, top right</td>
+<td>Personalize and manage account</td>
+</tr>
+</tbody>
+</table>
+<p>This table is your cheat sheet. Keep it in mind as you move to
+creating avatars in the next lesson.</p>
+<p>You’ve done fantastic work getting to know HeyGen’s interface today!
+🚀 You’re building a solid foundation, and soon you’ll be navigating
+like a pro. Click ahead to the next lesson, where we’ll start creating
+your very own avatar. Let’s turn this exploration into creation!</p>
+</body>
+</html>

package/src/output/directory/cdf069e9-cb18-414f-81cb-8c8f4339a38f/html/02.0-creating-your-avatar-navigate-in-the-interface/README.html ADDED Viewed

@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <title>README.md</title>
+  <style>
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <link rel="stylesheet" href="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\utils\templates\epub\epub.css" />
+</head>
+<body>
+<h1
+id="creating-your-avatar-navigate-in-the-interface"><code>02.0</code> -
+Creating Your Avatar: Navigate in the Interface</h1>
+<p>Hey there, future avatar creator! 🌟 You’ve explored the HeyGen
+dashboard and gotten a feel for the layout. Now, let’s take the next
+exciting step: navigating the interface specifically to start creating
+your very own avatar. This lesson is all about finding the right tools
+and sections in HeyGen to kick off the avatar-making process. By the
+end, you’ll be ready to dive into crafting a digital version of yourself
+or a unique character.</p>
+<p>We’re focusing on actionable navigation today—locating the avatar
+creation section and understanding what to expect as you begin. Log into
+your HeyGen account, and let’s jump right in with purpose and a bit of
+fun!</p>
+<h2 id="step-1-head-to-the-avatar-section">Step 1: Head to the Avatar
+Section</h2>
+<p>From your HeyGen dashboard, you have two main ways to start creating
+your avatar:</p>
+<ul>
+<li>Click the <strong>plus (+) icon</strong> in the
+<strong>Avatars</strong> button on the sidebar, or<br />
+</li>
+<li>Click the <strong>“Create your avatar”</strong> button directly on
+the dashboard.</li>
+</ul>
+<p>Either option will take you to a dedicated space for avatar-related
+tools and options.</p>
+<figure>
+<img
+src="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\output\directory\cdf069e9-cb18-414f-81cb-8c8f4339a38f\learn\assets\screenshot-2025-08-20-113550png"
+alt="/.learn/assets/screenshot-2025-08-20-113550png" />
+<figcaption
+aria-hidden="true">/.learn/assets/screenshot-2025-08-20-113550png</figcaption>
+</figure>
+<h2 id="step-2-select-digital-twin">Step 2: Select “Digital Twin”</h2>
+<figure>
+<img
+src="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\output\directory\cdf069e9-cb18-414f-81cb-8c8f4339a38f\learn\assets\screenshot-2025-08-20-113745png"
+alt="/.learn/assets/screenshot-2025-08-20-113745png" />
+<figcaption
+aria-hidden="true">/.learn/assets/screenshot-2025-08-20-113745png</figcaption>
+</figure>
+<p>Once you’re in the avatar section, you’ll see two main options:
+<strong>Digital Twin</strong> and <strong>Photo Avatar</strong>.</p>
+<ul>
+<li><strong>Digital Twin</strong>: Choose this option if you want to
+create an avatar by recording yourself in a video. This method captures
+your movements and expressions for a more lifelike digital version.</li>
+<li><strong>Photo Avatar</strong>: Select this if you prefer to animate
+a photo instead. This is a quicker way to generate an avatar using just
+a still image.</li>
+</ul>
+<p>For this lesson, please select <strong>Digital Twin</strong> as your
+approach. Click on the <strong>Digital Twin</strong> option to
+proceed.</p>
+<h2 id="step-3-follow-the-instructions">Step 3: Follow the
+instructions</h2>
+<figure>
+<img
+src="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\output\directory\cdf069e9-cb18-414f-81cb-8c8f4339a38f\learn\assets\screenshot-2025-08-20-114048png"
+alt="/.learn/assets/screenshot-2025-08-20-114048png" />
+<figcaption
+aria-hidden="true">/.learn/assets/screenshot-2025-08-20-114048png</figcaption>
+</figure>
+<p>HeyGen will guide you step-by-step through the avatar creation
+process, so just follow the on-screen instructions. Before you begin,
+make sure you have access to a microphone and camera, as you’ll need
+both to record yourself and capture your voice for your Digital Twin
+avatar.</p>
+<p>Before you can proceed with creating your Digital Twin avatar, HeyGen
+will require you to record a short consent video. In this video, you’ll
+need to clearly state your agreement for HeyGen to use your recording
+for avatar creation purposes. This step is important for privacy and
+security reasons.</p>
+<figure>
+<img
+src="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\output\directory\cdf069e9-cb18-414f-81cb-8c8f4339a38f\learn\assets\screenshot-2025-08-20-114534png"
+alt="/.learn/assets/screenshot-2025-08-20-114534png" />
+<figcaption
+aria-hidden="true">/.learn/assets/screenshot-2025-08-20-114534png</figcaption>
+</figure>
+<p>Follow the on-screen prompts to record your consent video. Make sure
+you are visible, speak clearly, and follow any specific script or
+instructions provided by HeyGen. Once your consent video is submitted,
+you’ll be able to continue with the avatar creation process.</p>
+<figure>
+<img
+src="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\output\directory\cdf069e9-cb18-414f-81cb-8c8f4339a38f\learn\assets\screenshot-2025-08-20-114808png"
+alt="/.learn/assets/screenshot-2025-08-20-114808png" />
+<figcaption
+aria-hidden="true">/.learn/assets/screenshot-2025-08-20-114808png</figcaption>
+</figure>
+<p>Awesome job navigating HeyGen’s interface to find the avatar creation
+hub! 🎉 You’ve taken a crucial step toward bringing your digital persona
+to life. Each click and observation today builds your confidence with
+the platform. Take a quick breather and reflect: Did anything surprise
+you about the layout? Was finding the avatar section easier or trickier
+than expected?</p>
+</body>
+</html>

package/src/output/directory/cdf069e9-cb18-414f-81cb-8c8f4339a38f/html/02.2-your-avatar-is-ready-what-to-do-now/README.html ADDED Viewed

@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <title>README.md</title>
+  <style>
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <link rel="stylesheet" href="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\utils\templates\epub\epub.css" />
+</head>
+<body>
+<h1 id="your-avatar-is-ready-what-to-do-now"><code>02.2</code> - Your
+Avatar is Ready: What to Do Now</h1>
+<p>Hey there, avatar creator! 🎉 Congratulations on reaching this
+exciting milestone—your HeyGen avatar is officially ready! After
+following the instructions and giving consent, you’ve brought your
+digital self to life. Now, it’s time to take a closer look at your
+creation, make any tweaks if needed, and get ready to use it in awesome
+video projects. Let’s make sure your avatar is polished and prepped for
+the spotlight!</p>
+<p>In this lesson, we’ll walk through reviewing your avatar, exploring
+customization options, and understanding how to integrate it into your
+first video. Let’s jump in with enthusiasm and see what your digital
+persona can do!</p>
+<h2 id="step-1-review-your-avatar">Step 1: Review Your Avatar</h2>
+<p>First things first—let’s take a moment to admire your work! Head to
+the avatar section in HeyGen and click on your newly created avatar. You
+should see a preview of how it looks and moves. Play the sample
+animation or video to check details like facial expressions, voice sync
+(if applicable), and overall appearance.</p>
+<p>Now that your avatar is looking sharp, it’s time to think about how
+you’ll use it. In HeyGen, avatars are typically designed for video
+content, so navigate to the video creation clicking in the “Create
+video” button at the sidebar.</p>
+<figure>
+<img
+src="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\output\directory\cdf069e9-cb18-414f-81cb-8c8f4339a38f\learn\assets\screenshot-2025-08-20-115203png"
+alt="/.learn/assets/screenshot-2025-08-20-115203png" />
+<figcaption
+aria-hidden="true">/.learn/assets/screenshot-2025-08-20-115203png</figcaption>
+</figure>
+<p>You’re all set to take the next big step—creating a video with your
+avatar. Click ahead to the next lesson when you’re ready to bring your
+digital self to life in a full-fledged project. Let’s keep this creative
+energy rolling!</p>
+</body>
+</html>

package/src/output/directory/cdf069e9-cb18-414f-81cb-8c8f4339a38f/html/03.0-creating-a-video-with-your-avatar/README.html ADDED Viewed

@@ -0,0 +1,149 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <title>README.md</title>
+  <style>
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <link rel="stylesheet" href="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\utils\templates\epub\epub.css" />
+</head>
+<body>
+<h1 id="creating-a-video-with-your-avatar"><code>03.0</code> - Creating
+a Video with Your Avatar</h1>
+<p>Hey, video creator! 🎥 You’re at an exciting stage—your HeyGen avatar
+is ready, and now it’s time to bring it to life in your very first video
+project. Whether you’re aiming to craft a personal intro, a business
+pitch, or just something fun, this lesson will guide you through the
+process of creating engaging video content with your avatar. Let’s turn
+your digital persona into a storytelling star!</p>
+<h2 id="getting-to-the-video-creation-hub">Getting to the Video Creation
+Hub</h2>
+<p>Let’s start by navigating to the right spot in HeyGen. In the
+sidebar, you’ll see a purple button labeled <strong>“Create
+video”</strong>—that’s your first step. Click this button to enter the
+video creation section. This is your workspace for building awesome
+content, and it’s where the magic happens.</p>
+<h2 id="selecting-your-the-aspect-ratio">Selecting Your The Aspect
+Ratio</h2>
+<p>Now that you’re in the video creation area, you’ll find different
+options for starting your project. By default, <strong>“Start from
+scratch”</strong> is selected. In this option, your first step is to
+select the aspect ratio that best matches your content—such as landscape
+for YouTube, portrait for TikTok.</p>
+<figure>
+<img
+src="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\output\directory\cdf069e9-cb18-414f-81cb-8c8f4339a38f\learn\assets\screenshot-2025-08-20-115521png"
+alt="/.learn/assets/screenshot-2025-08-20-115521png" />
+<figcaption
+aria-hidden="true">/.learn/assets/screenshot-2025-08-20-115521png</figcaption>
+</figure>
+<blockquote>
+<p>Note the other options: Feel free to explore them later!</p>
+</blockquote>
+<h2 id="select-your-avatar">Select your avatar</h2>
+<p>Now you are in the video editor interface. You’ll probably see a
+default avatar in place, but we need to select the avatar you previously
+created.</p>
+<p>To do this:</p>
+<ol type="1">
+<li>Click the <strong>avatar button</strong> in the left sidebar.</li>
+<li>Click on <strong>“Replace avatar”</strong>.</li>
+<li>Select your own avatar from the list.</li>
+</ol>
+<figure>
+<img
+src="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\output\directory\cdf069e9-cb18-414f-81cb-8c8f4339a38f\learn\assets\screenshot-2025-08-20-120026png"
+alt="/.learn/assets/screenshot-2025-08-20-120026png" />
+<figcaption
+aria-hidden="true">/.learn/assets/screenshot-2025-08-20-120026png</figcaption>
+</figure>
+<p>Your chosen avatar will now appear in the video editor, ready for you
+to use in your project!</p>
+<h2 id="write-the-script">Write the script</h2>
+<p>Next, add some dialogue or text for your avatar to “speak.” Find the
+script or text input field and type a short message—something like, “Hi,
+I’m [Your Name], and I’m excited to share this video with you!” Keep it
+brief for your first try. Adjust settings like voice tone or speed if
+HeyGen offers those options, then preview how your avatar delivers the
+lines. Tweak the script if it doesn’t sound natural, and play around
+until it feels just right.</p>
+<blockquote>
+<p>Nowadays you can write a “/” and select the option to use AI to write
+the script for you</p>
+</blockquote>
+<h2 id="selecting-captions-for-the-video">Selecting Captions for the
+Video</h2>
+<p>Captions make your videos more accessible and engaging by displaying
+text on screen as your avatar speaks. Here’s how to add captions in
+HeyGen:</p>
+<ol type="1">
+<li>After writing your script, look for the <strong>Captions</strong> or
+<strong>Subtitles</strong> option in the video editor.</li>
+<li>Click to enable or add captions. HeyGen will automatically generate
+captions based on your script.</li>
+<li>Select the caption template you like the most</li>
+</ol>
+<blockquote>
+<p>Tip: Clear, easy-to-read captions help viewers follow along,
+especially if they’re watching without sound.</p>
+</blockquote>
+<figure>
+<img
+src="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\output\directory\cdf069e9-cb18-414f-81cb-8c8f4339a38f\learn\assets\screenshot-2025-08-20-120229png"
+alt="/.learn/assets/screenshot-2025-08-20-120229png" />
+<figcaption
+aria-hidden="true">/.learn/assets/screenshot-2025-08-20-120229png</figcaption>
+</figure>
+<p>Once you’re satisfied, preview your video to see how the captions
+appear. Make any final adjustments before exporting your video.</p>
+<h2 id="exporting-your-first-video">Exporting Your First Video</h2>
+<p>You’ve set up the basics, so let’s wrap it up by exporting your
+creation. Click the <strong>“Generate”</strong> button at the top right
+corner of the editor. A prompt will appear asking you to enter a title
+for your video—type in a name that fits your project. Next, you can
+customize the resolution to match your needs (for example, 1080p for
+high quality). Once you’ve set the title and resolution, click
+<strong>“Submit”</strong> to start processing your video. HeyGen will
+generate your video, which might take a minute or two depending on the
+length and complexity. When it’s ready, you’ll be able to download it to
+your device and review the final result.</p>
+<figure>
+<img
+src="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\output\directory\cdf069e9-cb18-414f-81cb-8c8f4339a38f\learn\assets\screenshot-2025-08-20-120628png"
+alt="/.learn/assets/screenshot-2025-08-20-120628png" />
+<figcaption
+aria-hidden="true">/.learn/assets/screenshot-2025-08-20-120628png</figcaption>
+</figure>
+<h2 id="quick-tips-for-video-success">Quick Tips for Video Success</h2>
+<p>Here are a few pointers to keep in mind as you create more videos: -
+<strong>Keep Scripts Short:</strong> Start with 30-60 seconds of content
+to avoid overwhelm. - <strong>Test Different Voices:</strong> If HeyGen
+allows voice customization, experiment to find the best match for your
+avatar. - <strong>Use Templates:</strong> They’re a great shortcut while
+you’re learning the ropes.</p>
+<h2 id="wrap-up-and-next-steps">Wrap-Up and Next Steps</h2>
+<p>Fantastic work! 🌟 You’ve just created your first video with your
+HeyGen avatar—a huge step toward mastering digital content creation.
+Take a moment to think: What did you find easiest about this process?
+Was there anything tricky that you’d like to improve on next time? Jot
+down one idea for your next video project to keep the momentum
+going.</p>
+</body>
+</html>