Created
July 10, 2025 10:15
-
-
Save julienpecorino/972c024a5c278be7dadd5645659a14a9 to your computer and use it in GitHub Desktop.
learnprompting
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <main class="flex-1 min-w-0"><div class="flex-1 space-y-6 prose-p:m-0 leading-snug text-base prose min-w-[300px] max-w-none break-words dark:prose-invert sm:my-8 mb-0.5 sm:mx-5 mx-2.5 sm:pt-2 flex flex-col sm:p-3 p-2" style="direction: ltr;"><div class="sm:mt-0 mt-8 overflow-auto"><div class="mb-3 flex items-center not-prose gap-2 text-gray-900 dark:text-white text-sm flex-wrap "><a class="px-2.5 py-1.5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-full transition-colors" href="/"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="house" class="svg-inline--fa fa-house " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"></path></svg></a><span><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-right" class="svg-inline--fa fa-chevron-right " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"></path></svg></span><a class="px-2.5 py-1.5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-full transition-colors" href="/docs/introduction">Prompt Engineering Guide</a></div></div><h1 id="" class="text-black dark:text-white">Prompt Engineering Guide</h1> | |
| <div class="space-y-2 mb-2"><div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2"><div class="flex items-center gap-2 text-sm text-gray-600 dark:text-gray-400"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="clock" class="svg-inline--fa fa-clock w-4 h-4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 0a256 256 0 1 1 0 512A256 256 0 1 1 256 0zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z"></path></svg><span>Reading Time: 6 minutes</span></div></div><div class="flex gap-2 flex-col sm:flex-row sm:items-center sm:justify-between text-sm text-gray-600 dark:text-gray-400"><div class="flex gap-2 items-center m-0"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="calendar" class="svg-inline--fa fa-calendar w-4 h-4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192z"></path></svg><span>Last updated on October 23, 2024</span></div><p class="flex gap-2 items-center m-0"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="user" class="svg-inline--fa fa-user w-4 h-4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z"></path></svg><a href="#Sander Schulhoff-bio" aria-label="Scroll to Author Bio" class="font-medium no-underline text-gray-800 dark:text-gray-200">Sander Schulhoff</a></p></div></div> | |
| <div style="text-align: center;"><div class="relative inline-block "><div class="relative group"><div class="transition-opacity duration-300 opacity-100"><img alt="astronaut welcome" fetchpriority="high" width="4480" height="1024" decoding="async" data-nimg="1" class="max-w-full transition-all duration-200 " srcset="/_next/image?url=%2Fdocs%2Fassets%2Fastronaut_welcome.webp&w=3840&q=75&dpl=dpl_4xrNJubb2rB1yNq1SNnQqJtckvvd 1x" src="/_next/image?url=%2Fdocs%2Fassets%2Fastronaut_welcome.webp&w=3840&q=75&dpl=dpl_4xrNJubb2rB1yNq1SNnQqJtckvvd" style="color: transparent; width: 100%; margin: auto;"></div><button class="absolute z-40 top-2 right-2 w-10 h-10 flex items-center justify-center rounded-full bg-black/50 text-white xs:opacity-0 xs:group-hover:opacity-100 opacity-100 transition-all duration-200 hover:bg-black/70" aria-label="Zoom image"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="magnifying-glass-plus" class="svg-inline--fa fa-magnifying-glass-plus w-5 h-5" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM184 296c0 13.3 10.7 24 24 24s24-10.7 24-24V232h64c13.3 0 24-10.7 24-24s-10.7-24-24-24H232V120c0-13.3-10.7-24-24-24s-24 10.7-24 24v64H120c-13.3 0-24 10.7-24 24s10.7 24 24 24h64v64z"></path></svg></button></div></div></div> | |
| <div class="elevenlabs-player-wrapper" id="elevenlabs-player"><iframe id="AudioNativeElevenLabsPlayer" title="AudioNative ElevenLabs Player" width="100%" height="120" frameborder="no" scrolling="no" src="https://elevenlabs.io/player/index.html?publicUserId=efdc0cc0a8bccc175c88e9c2754a42e8813d4c53ea264505c4e89f139156c8b0&textColor=rgba(0, 0, 0, 1.0)&backgroundColor=rgba(255, 255, 255, 1.0)&small=False" style="max-height: 120px;" data-dashlane-frameid="21082"></iframe></div> | |
| <h4><p>Welcome to Learn Prompting's Introductory Course on <a target="_blank" rel="noopener noreferrer" href="/docs/basics/generative_ai" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">Generative AI</a> and Prompt | |
| Engineering!</p></h4> | |
| <p>Generative AI is the world's hottest buzzword, and we have created the most comprehensive (<em>and free</em>) guide on how to use it. This course is tailored to non-technical readers, who may not have even heard of AI, making it the perfect starting point if you are new to Generative AI and <a target="_blank" rel="noopener noreferrer" class="text-black dark:text-white" href="/vocabulary/prompt_engineering">Prompt Engineering</a>. More experienced readers will find valuable insights within our later modules.</p> | |
| <p><strong class="text-black dark:text-white">First, a bit of history:</strong><br> | |
| The first version of Learn Prompting came out in October 2022 (before ChatGPT!), making it one of the first guides on prompt engineering<sup><span class="relative inline-block"><a href="#footnote-label" class="text-[#1D9774] no-underline hover:underline focus:outline-none">1</a><span class="absolute z-10 w-64 p-4 mt-2 text-sm bg-white dark:bg-gray-950 dark:border-2 dark:border-neutral-800 rounded-md shadow-lg ring-1 ring-black ring-opacity-5 transition-opacity duration-300 opacity-0 pointer-events-none" style="left: 50%; transform: translateX(-50%);"><span class="relative flex"><span class="text-gray-700 dark:text-gray-300 text-left w-5/6 popover-content ">We believe it is the first, but it is hard to be certain. </span><button class="absolute top-0 right-0 p-1 text-gray-400 dark:text-gray-300 hover:text-gray-600 hover:dark:text-gray-100 focus:outline-none" aria-label="Copy to clipboard"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="copy" class="svg-inline--fa fa-copy text-lg w-5 h-5" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M208 0H332.1c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9V336c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V48c0-26.5 21.5-48 48-48zM48 128h80v64H64V448H256V416h64v48c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48z"></path></svg></button></span></span></span></sup>. | |
| It is now cited by <a target="_blank" rel="noopener noreferrer" href="https://developers.google.com/machine-learning/resources/prompt-eng" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">Google</a>, <a target="_blank" rel="noopener noreferrer" href="https://techcommunity.microsoft.com/t5/microsoft-security-copilot-blog/how-to-become-a-microsoft-copilot-for-security-ninja-the/ba-p/4106928" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">Microsoft</a>, <a target="_blank" rel="noopener noreferrer" href="https://en.wikipedia.org/wiki/Prompt_engineering#cite_ref-15" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">Wikipedia</a>, <a target="_blank" rel="noopener noreferrer" href="https://learning.oreilly.com/live-events/prompt-engineering-for-generating-ai-art-and-text/0636920084340/0636920084339/" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">O'REILLY</a>, <a target="_blank" rel="noopener noreferrer" href="https://trailhead.salesforce.com/content/learn/modules/image-generation-and-diffusion-models/use-generative-ai-for-art-effectively-and-responsibly" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">Salesforce</a>, | |
| and used by most Fortune 500 and major consulting companies. Our academic research on prompting<sup><span class="relative inline-block"><a href="#footnote-label" class="text-[#1D9774] no-underline hover:underline focus:outline-none">2</a><span class="absolute z-10 w-64 p-4 mt-2 text-sm bg-white dark:bg-gray-950 dark:border-2 dark:border-neutral-800 rounded-md shadow-lg ring-1 ring-black ring-opacity-5 transition-opacity duration-300 opacity-0 pointer-events-none" style="left: 50%; transform: translateX(-50%);"><span class="relative flex"><span class="text-gray-700 dark:text-gray-300 text-left w-5/6 popover-content ">Schulhoff, S., Ilie, M., Balepur, N., Kahadze, K., Liu, A., Si, C., Li, Y., Gupta, A., Han, H., Schulhoff, S., & others. (2024). The Prompt Report: A Systematic Survey of Prompting Techniques. arXiv Preprint arXiv:2406.06608. | |
| </span><button class="absolute top-0 right-0 p-1 text-gray-400 dark:text-gray-300 hover:text-gray-600 hover:dark:text-gray-100 focus:outline-none" aria-label="Copy to clipboard"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="copy" class="svg-inline--fa fa-copy text-lg w-5 h-5" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M208 0H332.1c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9V336c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V48c0-26.5 21.5-48 48-48zM48 128h80v64H64V448H256V416h64v48c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48z"></path></svg></button></span></span></span></sup> and security<sup><span class="relative inline-block"><a href="#footnote-label" class="text-[#1D9774] no-underline hover:underline focus:outline-none">3</a><span class="absolute z-10 w-64 p-4 mt-2 text-sm bg-white dark:bg-gray-950 dark:border-2 dark:border-neutral-800 rounded-md shadow-lg ring-1 ring-black ring-opacity-5 transition-opacity duration-300 opacity-0 pointer-events-none" style="left: 50%; transform: translateX(-50%);"><span class="relative flex"><span class="text-gray-700 dark:text-gray-300 text-left w-5/6 popover-content ">Schulhoff, S., Pinto, J., Khan, A., Bouchard, L.-F., Si, C., Anati, S., Tagliabue, V., Kost, A. L., Carnahan, C., & Boyd-Graber, J. (2023). Ignore This Title and HackAPrompt: Exposing Systemic Vulnerabilities of LLMs through a Global Scale Prompt Hacking Competition. arXiv Preprint arXiv:2311.16119. | |
| </span><button class="absolute top-0 right-0 p-1 text-gray-400 dark:text-gray-300 hover:text-gray-600 hover:dark:text-gray-100 focus:outline-none" aria-label="Copy to clipboard"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="copy" class="svg-inline--fa fa-copy text-lg w-5 h-5" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M208 0H332.1c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9V336c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V48c0-26.5 21.5-48 48-48zM48 128h80v64H64V448H256V416h64v48c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48z"></path></svg></button></span></span></span></sup> is cited by <a target="_blank" rel="noopener noreferrer" href="https://arxiv.org/pdf/2404.13208" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">OpenAI</a><sup><span class="relative inline-block"><a href="#footnote-label" class="text-[#1D9774] no-underline hover:underline focus:outline-none">4</a><span class="absolute z-10 w-64 p-4 mt-2 text-sm bg-white dark:bg-gray-950 dark:border-2 dark:border-neutral-800 rounded-md shadow-lg ring-1 ring-black ring-opacity-5 transition-opacity duration-300 opacity-0 pointer-events-none" style="left: 50%; transform: translateX(-50%);"><span class="relative flex"><span class="text-gray-700 dark:text-gray-300 text-left w-5/6 popover-content ">Wallace, E., Xiao, K., Leike, R., Weng, L., Heidecke, J., & Beutel, A. (2024). The instruction hierarchy: Training llms to prioritize privileged instructions. arXiv Preprint arXiv:2404.13208. | |
| </span><button class="absolute top-0 right-0 p-1 text-gray-400 dark:text-gray-300 hover:text-gray-600 hover:dark:text-gray-100 focus:outline-none" aria-label="Copy to clipboard"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="copy" class="svg-inline--fa fa-copy text-lg w-5 h-5" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M208 0H332.1c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9V336c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V48c0-26.5 21.5-48 48-48zM48 128h80v64H64V448H256V416h64v48c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48z"></path></svg></button></span></span></span></sup> and the <a target="_blank" rel="noopener noreferrer" href="https://nvlpubs.nist.gov/nistpubs/ai/NIST.AI.100-2e2023.pdf" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">US Government (NIST)</a><sup><span class="relative inline-block"><a href="#footnote-label" class="text-[#1D9774] no-underline hover:underline focus:outline-none">5</a><span class="absolute z-10 w-64 p-4 mt-2 text-sm bg-white dark:bg-gray-950 dark:border-2 dark:border-neutral-800 rounded-md shadow-lg ring-1 ring-black ring-opacity-5 transition-opacity duration-300 opacity-0 pointer-events-none" style="left: 50%; transform: translateX(-50%);"><span class="relative flex"><span class="text-gray-700 dark:text-gray-300 text-left w-5/6 popover-content ">Vassilev, A., Oprea, A., Fordyce, A., & Anderson, H. (2024). Adversarial machine learning: A taxonomy and terminology of attacks and mitigations [Techreport]. National Institute of Standards. | |
| </span><button class="absolute top-0 right-0 p-1 text-gray-400 dark:text-gray-300 hover:text-gray-600 hover:dark:text-gray-100 focus:outline-none" aria-label="Copy to clipboard"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="copy" class="svg-inline--fa fa-copy text-lg w-5 h-5" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M208 0H332.1c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9V336c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V48c0-26.5 21.5-48 48-48zM48 128h80v64H64V448H256V416h64v48c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48z"></path></svg></button></span></span></span></sup>. | |
| We recently released the largest survey report on prompting ever<sup><span class="relative inline-block"><a href="#footnote-label" class="text-[#1D9774] no-underline hover:underline focus:outline-none">2</a><span class="absolute z-10 w-64 p-4 mt-2 text-sm bg-white dark:bg-gray-950 dark:border-2 dark:border-neutral-800 rounded-md shadow-lg ring-1 ring-black ring-opacity-5 transition-opacity duration-300 opacity-0 pointer-events-none" style="left: 50%; transform: translateX(-50%);"><span class="relative flex"><span class="text-gray-700 dark:text-gray-300 text-left w-5/6 popover-content ">Schulhoff, S., Ilie, M., Balepur, N., Kahadze, K., Liu, A., Si, C., Li, Y., Gupta, A., Han, H., Schulhoff, S., & others. (2024). The Prompt Report: A Systematic Survey of Prompting Techniques. arXiv Preprint arXiv:2406.06608. | |
| </span><button class="absolute top-0 right-0 p-1 text-gray-400 dark:text-gray-300 hover:text-gray-600 hover:dark:text-gray-100 focus:outline-none" aria-label="Copy to clipboard"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="copy" class="svg-inline--fa fa-copy text-lg w-5 h-5" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M208 0H332.1c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9V336c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V48c0-26.5 21.5-48 48-48zM48 128h80v64H64V448H256V416h64v48c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48z"></path></svg></button></span></span></span></sup> and are currently updating the guide to cover this material.</p> | |
| <p>This guide that you are currently reading is completely free and open-source, but have also has a selection of <a target="_blank" rel="noopener noreferrer" href="https://learnprompting.org/courses" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">paid | |
| courses</a>, with more in-depth and video content. If you have ever seen another | |
| prompt engineering course/guide, we estimate that ~50% of them use content from our open-source content base. | |
| (for example: <a target="_blank" rel="noopener noreferrer" href="https://youtu.be/GPqSoiOP3w8?t=274" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">1</a>, <a href="https://learnwithhasan.com/prompt-engineering-guide/" rel="nofollow">2</a>, | |
| <a target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/watch?v=EYjG6i53-xk" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">3</a>, <a target="_blank" rel="noopener noreferrer" href="https://youtu.be/yR4hNBNS6yc?t=743" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">4</a>, <a target="_blank" rel="noopener noreferrer" href="https://youtu.be/pZsJbYIFCCw?t=208" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">5</a>, | |
| <a target="_blank" rel="noopener noreferrer" href="https://youtu.be/4kp7oVTu9Ck?t=495" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">6</a>, <a target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/watch?v=q5wuHUmGFMw" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">7</a>, <a target="_blank" rel="noopener noreferrer" href="https://youtu.be/f8PGV3T9w38?t=549" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">8</a>) | |
| We are honored to support the prompt engineering | |
| community, including our 3M+ users and 40K+ <a target="_blank" rel="noopener noreferrer" href="https://discord.gg/learn-prompting-1046228027434086460" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">Discord</a> members.</p> | |
| <p><strong class="text-black dark:text-white">Now onto learning:</strong><br> | |
| Generative AI (GenAI) refers to Artificial Intelligence that can be used to create new content such as articles or images, which previously only humans could do. In short, GenAI can <strong class="text-black dark:text-white">create stuff</strong>. | |
| GenAI is expected to significantly change the way we work and live<sup><span class="relative inline-block"><a href="#footnote-label" class="text-[#1D9774] no-underline hover:underline focus:outline-none">6</a><span class="absolute z-10 w-64 p-4 mt-2 text-sm bg-white dark:bg-gray-950 dark:border-2 dark:border-neutral-800 rounded-md shadow-lg ring-1 ring-black ring-opacity-5 transition-opacity duration-300 opacity-0 pointer-events-none" style="left: 50%; transform: translateX(-50%);"><span class="relative flex"><span class="text-gray-700 dark:text-gray-300 text-left w-5/6 popover-content ">Captain, S. (2023). How AI Will Change the Workplace. Wall Street Journal. <a target="_blank" rel="noopener noreferrer" href="https://www.wsj.com/articles/how-ai-change-workplace-af2162ee" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">https://www.wsj.com/articles/how-ai-change-workplace-af2162ee</a> | |
| </span><button class="absolute top-0 right-0 p-1 text-gray-400 dark:text-gray-300 hover:text-gray-600 hover:dark:text-gray-100 focus:outline-none" aria-label="Copy to clipboard"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="copy" class="svg-inline--fa fa-copy text-lg w-5 h-5" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M208 0H332.1c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9V336c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V48c0-26.5 21.5-48 48-48zM48 128h80v64H64V448H256V416h64v48c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48z"></path></svg></button></span></span></span></sup> (your job may be affected<sup><span class="relative inline-block"><a href="#footnote-label" class="text-[#1D9774] no-underline hover:underline focus:outline-none">7</a><span class="absolute z-10 w-64 p-4 mt-2 text-sm bg-white dark:bg-gray-950 dark:border-2 dark:border-neutral-800 rounded-md shadow-lg ring-1 ring-black ring-opacity-5 transition-opacity duration-300 opacity-0 pointer-events-none" style="left: 50%; transform: translateX(-50%);"><span class="relative flex"><span class="text-gray-700 dark:text-gray-300 text-left w-5/6 popover-content ">Generative AI already appears to have claimed some jobs(@Verma<em>Vynck_2023), and slowed hiring at Bloomberg<sup><span class="relative inline-block"><a href="#footnote-label" class="text-[#1D9774] no-underline hover:underline focus:outline-none">10</a></span></sup>. However, consider the news on its impact with a grain of salt. We expect more jobs to be _changed</em> rather than lost. </span><button class="absolute top-0 right-0 p-1 text-gray-400 dark:text-gray-300 hover:text-gray-600 hover:dark:text-gray-100 focus:outline-none" aria-label="Copy to clipboard"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="copy" class="svg-inline--fa fa-copy text-lg w-5 h-5" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M208 0H332.1c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9V336c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V48c0-26.5 21.5-48 48-48zM48 128h80v64H64V448H256V416h64v48c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48z"></path></svg></button></span></span></span></sup>). With so much buzz floating around about Generative AI and Prompt Engineering (PE), it is hard to know <strong class="text-black dark:text-white">what to believe</strong>.</p> | |
| <p>We have scoured the internet<sup><span class="relative inline-block"><a href="#footnote-label" class="text-[#1D9774] no-underline hover:underline focus:outline-none">8</a><span class="absolute z-10 w-64 p-4 mt-2 text-sm bg-white dark:bg-gray-950 dark:border-2 dark:border-neutral-800 rounded-md shadow-lg ring-1 ring-black ring-opacity-5 transition-opacity duration-300 opacity-0 pointer-events-none" style="left: 50%; transform: translateX(-50%);"><span class="relative flex"><span class="text-gray-700 dark:text-gray-300 text-left w-5/6 popover-content ">We have read 100s of research papers and articles to find the best techniques. </span><button class="absolute top-0 right-0 p-1 text-gray-400 dark:text-gray-300 hover:text-gray-600 hover:dark:text-gray-100 focus:outline-none" aria-label="Copy to clipboard"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="copy" class="svg-inline--fa fa-copy text-lg w-5 h-5" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M208 0H332.1c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9V336c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V48c0-26.5 21.5-48 48-48zM48 128h80v64H64V448H256V416h64v48c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48z"></path></svg></button></span></span></span></sup> to find the best research-backed techniques and tools for prompt engineering. | |
| We are constantly refining our guide, to ensure that we provide you with the latest information. | |
| Now, Let's see how GenAI can save you hours in an instant, with a short example.</p> | |
| <h2 id="motivating-example" class="text-black dark:text-white">Motivating Example</h2> | |
| <p>Our favorite way of saving time with GenAI is automatically <strong class="text-black dark:text-white">writing emails</strong>. By automating email responses, email editing, and cold outreach, we save hours each week. By sending an AI<sup><span class="relative inline-block"><a href="#footnote-label" class="text-[#1D9774] no-underline hover:underline focus:outline-none">9</a><span class="absolute z-10 w-64 p-4 mt-2 text-sm bg-white dark:bg-gray-950 dark:border-2 dark:border-neutral-800 rounded-md shadow-lg ring-1 ring-black ring-opacity-5 transition-opacity duration-300 opacity-0 pointer-events-none" style="left: 50%; transform: translateX(-50%);"><span class="relative flex"><span class="text-gray-700 dark:text-gray-300 text-left w-5/6 popover-content ">The AI used here is GPT-4, a <a target="_blank" rel="noopener noreferrer" class="text-black dark:text-white" href="/vocabulary/LLM">LLM</a> created by OpenAI. </span><button class="absolute top-0 right-0 p-1 text-gray-400 dark:text-gray-300 hover:text-gray-600 hover:dark:text-gray-100 focus:outline-none" aria-label="Copy to clipboard"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="copy" class="svg-inline--fa fa-copy text-lg w-5 h-5" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M208 0H332.1c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9V336c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V48c0-26.5 21.5-48 48-48zM48 128h80v64H64V448H256V416h64v48c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48z"></path></svg></button></span></span></span></sup> the following <em>prompt</em>, we can get it to generate a full-length, formal email.</p> | |
| <div class="bg-indigo-50 dark:bg-indigo-950 border-l-4 border-violet-300 rounded-lg p-4 text-black dark:text-white not-prose"><div class="tip mb-1 flex gap-1 font-semibold"><svg viewBox="0 0 12 16" class="fill-current inline-block h-[1.6em] w-[1.6em]"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg>Tip</div><div>A prompt is basically an instruction you give to an AI. We will learn more about them in the next lesson.</div></div> | |
| <div class="ai-input flex flex-col gap-3 p-3 rounded-md my-5 mx-0 relative shadow-lg"><button class="absolute top-2.5 right-2.5"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="copy" class="svg-inline--fa fa-copy io-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" color="initial"><path fill="currentColor" d="M208 0H332.1c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9V336c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V48c0-26.5 21.5-48 48-48zM48 128h80v64H64V448H256V416h64v48c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48z"></path></svg> Copy</button><div class="flex items-center gap-2.5"><img alt="Astronaut" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="rounded-full m-0" srcset="/_next/image?url=%2Fdocs%2Fassets%2Fastronaut.webp&w=32&q=75&dpl=dpl_4xrNJubb2rB1yNq1SNnQqJtckvvd 1x, /_next/image?url=%2Fdocs%2Fassets%2Fastronaut.webp&w=48&q=75&dpl=dpl_4xrNJubb2rB1yNq1SNnQqJtckvvd 2x" src="/_next/image?url=%2Fdocs%2Fassets%2Fastronaut.webp&w=48&q=75&dpl=dpl_4xrNJubb2rB1yNq1SNnQqJtckvvd" style="color: transparent;"><h4 class="m-0 text-black dark:text-white">Prompt</h4></div><hr class="border-0 h-[1px] bg-gray-700 m-0"><div class="font-mono text-sm leading-6 rounded-md p-2.5 m-0 bg-gray-400 dark:bg-gray-600 text-black dark:text-white ai-output">I am the CEO of a medium-sized company. Write a short email that is humorous yet professional to my regional manager. Ask them to: | |
| - send me an up-to-date list of our paper stock | |
| - organize a meeting this week with other regional managers | |
| - let me know how the company-wide AI workshop went at their office</div></div> | |
| <div class="ai-output flex flex-col gap-3 p-3 rounded-md my-5 mx-0 relative shadow-lg"><button class="absolute top-2.5 right-2.5"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="copy" class="svg-inline--fa fa-copy io-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" color="initial"><path fill="currentColor" d="M208 0H332.1c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9V336c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V48c0-26.5 21.5-48 48-48zM48 128h80v64H64V448H256V416h64v48c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48z"></path></svg> Copy</button><div class="flex items-center gap-2.5"><img alt="Robot" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="rounded-full m-0" srcset="/_next/image?url=%2Fdocs%2Fassets%2Frobot.webp&w=32&q=75&dpl=dpl_4xrNJubb2rB1yNq1SNnQqJtckvvd 1x, /_next/image?url=%2Fdocs%2Fassets%2Frobot.webp&w=48&q=75&dpl=dpl_4xrNJubb2rB1yNq1SNnQqJtckvvd 2x" src="/_next/image?url=%2Fdocs%2Fassets%2Frobot.webp&w=48&q=75&dpl=dpl_4xrNJubb2rB1yNq1SNnQqJtckvvd" style="color: transparent;"><h4 class="m-0 text-black dark:text-white">AI Output</h4></div><hr class="border-0 h-[1px] bg-gray-700 m-0"><div class="font-mono text-sm leading-6 rounded-md p-2.5 m-0 text-black output-highlight ai-output"><p>Subject: Paper, Power Meetings, and AI Shenanigans</p><p>Dear [Regional Manager's Name],</p><p>I trust this email finds you in high spirits and not buried under a mountain of paperwork. Speaking of paper, I've been having some wild dreams about our paper stock lately. I dreamt we ran out of paper and had to write our reports on banana leaves! To prevent this tropical nightmare from becoming a reality, could you kindly send me an up-to-date list of our paper stock?</p><p>Next on the agenda, I've been feeling a bit lonely in my ivory tower and thought it would be a great idea to have a meeting with all the regional managers this week. I promise, no trust falls or awkward icebreakers, just good old-fashioned business talk. Please organize this meeting at a time that suits everyone.</p><p>Lastly, I've been hearing whispers about the company-wide AI workshop at your office. I'm curious to know how it went. Did the machines rise against their human overlords or are we still safe? Please share your thoughts and any feedback you received.</p><p>Looking forward to your prompt response. Remember, the fate of our paper supply, the success of our meeting, and the future of humanity (concerning AI) rests in your hands. No pressure!</p><p>Best,</p><p>[Your Name] | |
| [Your Position]</p></div></div> | |
| <p>The AI easily writes an email that is both humorous and professional. By modifying the <em>prompt</em>, we can make it change the style as we see fit. We can even make it copy how we write. We can also make it edit emails that we have already written! With all of these abilities, GenAI saves us hours in email writing each week. See more information on <a target="_blank" rel="noopener noreferrer" href="/docs/basic_applications/writing_emails" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">writing emails with Gen AI</a>.</p> | |
| <h2 id="ethos-and-philosophy" class="text-black dark:text-white">Ethos and Philosophy</h2> | |
| <p>We will now give a broad overview of the rest of the course, including our ethos and philosophy, our teaching style, | |
| and a list of modules. This course is open source (anyone can see the code), and built by a diverse community of researchers, | |
| translators, and hobbyists. Development is led by Sander Schulhoff, a NLP/RL researcher from the University of Maryland, and | |
| the CEO of LearnPrompting. We believe that AI should be accessible to everyone and described clearly | |
| and objectively. To this end, we have written a comprehensive course free of excessive jargon and hype.</p> | |
| <h2 id="how-we-teach" class="text-black dark:text-white">How We Teach</h2> | |
| <p>Our approach to teaching prompt engineering is guided by three fundamental principles. | |
| 1) We emphasize <strong class="text-black dark:text-white">practicality</strong>; we focus on research-backed, practical techniques that you can immediately | |
| incorporate into your projects and applications. 2) We always include <strong class="text-black dark:text-white">accessible examples</strong>, which clarify how | |
| and when to use different techniques. 3) Finally, we believe strongly in <strong class="text-black dark:text-white">collaborative learning</strong>. | |
| You can join our <a target="_blank" rel="noopener noreferrer" href="https://learnprompting.org/discord" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">Discord community</a> to find a learning buddy or ask questions. | |
| Some readers find that posting about their learning journey on Twitter helps them learn faster. | |
| Tag us @<a target="_blank" rel="noopener noreferrer" href="https://twitter.com/learnprompting" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">learnprompting</a>!</p> | |
| <h2 id="modules" class="text-black dark:text-white">Modules</h2> | |
| <p>Here is the content you can expect to learn in this guide:</p> | |
| <p><strong class="text-black dark:text-white">Basics</strong>: Introduction to prompt engineering and fundamental techniques <br> | |
| <strong class="text-black dark:text-white">Applications</strong>: Simple, practical applications of prompt engineering <br> | |
| <strong class="text-black dark:text-white">Intermediate</strong>: Research-based PE techniques with moderate complexity <br> | |
| <strong class="text-black dark:text-white">Applied Prompting</strong>: Comprehensive PE process walkthroughs contributed by the community members <br> | |
| <strong class="text-black dark:text-white">Advanced Applications</strong>: Powerful, and more complex applications of prompt engineering <br> | |
| <strong class="text-black dark:text-white">Reliability</strong>: Enhancing the reliability of Large Language Models (LLMs) <br> | |
| <strong class="text-black dark:text-white">Image Prompting</strong>: Prompt engineering for text-to-image models, such as <a target="_blank" rel="noopener noreferrer" href="/docs/tooling/IDEs/DALLE" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">DALLE</a> and | |
| Stable Diffusion <br> | |
| <strong class="text-black dark:text-white">Prompt Hacking</strong>: Hacking, but for prompt engineering <br> | |
| <strong class="text-black dark:text-white">Tooling</strong>: A review of various prompt engineering tools and IDEs <br> | |
| <strong class="text-black dark:text-white">Prompt Tuning</strong>: Refining prompts using gradient-based techniques <br> | |
| <strong class="text-black dark:text-white">Miscellaneous</strong>: A collection of additional topics and techniques related to prompt | |
| engineering</p> | |
| <h2 id="article-rating-system" class="text-black dark:text-white">Article rating system</h2> | |
| <p>We have implemented a rating system for articles based on their level of difficulty and the extent of technical knowledge needed:</p> | |
| <p>🟢 Beginner; no programming required<br> | |
| 🟦 Easy; basic programming knowledge may be necessary, but no specialized expertise<br> | |
| ◆ Intermediate; programming skills and some domain knowledge required (e.g., calculating | |
| logarithmic probabilities)<br> | |
| ◆◆ Advanced; programming expertise and in-depth domain understanding needed (e.g., | |
| <a target="_blank" rel="noopener noreferrer" class="text-black dark:text-white" href="/vocabulary/reinforcement_learning">reinforcement learning</a> techniques)</p> | |
| <p>Please note that even for ◆ and ◆◆ articles, you can generally grasp the content without prior domain expertise, though it may be helpful for implementation.</p> | |
| <h2 id="feedback" class="text-black dark:text-white">Feedback</h2> | |
| <p>The single most important part of this course is your feedback! <br>If you have any questions, comments, or suggestions, you can:</p> | |
| <ul> | |
| <li class="text-black dark:text-white">Make an <a target="_blank" rel="noopener noreferrer" href="https://github.com/trigaten/Learn_Prompting/issues/new/choose" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">issue on GitHub</a></li> | |
| <li class="text-black dark:text-white">Email us at <a target="_blank" rel="noopener noreferrer" href="mailto:[email protected]" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">[email protected]</a></li> | |
| <li class="text-black dark:text-white">Ask in the <a target="_blank" rel="noopener noreferrer" href="https://learnprompting.org/discord" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">Discord community</a></li> | |
| <li class="text-black dark:text-white">Ping us on <a target="_blank" rel="noopener noreferrer" href="https://twitter.com/learnprompting" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">Twitter</a></li> | |
| </ul> | |
| <p>Your feedback helps us improve the course for everyone.</p> | |
| <h2 id="conclusion" class="text-black dark:text-white">Conclusion</h2> | |
| <p>It is time to get started with your Generative AI learning Journey. Click the Introduction to AI button at the bottom left of this page to continue (or click the following link for the <a target="_blank" rel="noopener noreferrer" href="/docs/basics/intro" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">Basics Introduction</a>).</p> | |
| <section class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-1 lg:grid-cols-2 xl:grid-cols-2 2xl:grid-cols-2 gap-4" id="CardsOfSubpages"><a class="p-1 border no-underline rounded-lg shadow-md hover:shadow-lg hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800 dark:border-gray-700 transition ease-in-out duration-300" href="/docs/additional"><h3 class="text-[16px] text-left font-semibold ml-4 mb-6">🛸 Additional Resources</h3></a><a class="p-1 border no-underline rounded-lg shadow-md hover:shadow-lg hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800 dark:border-gray-700 transition ease-in-out duration-300" href="/docs/advanced/introduction"><h3 class="text-[16px] text-left font-semibold ml-4 mb-6">🧠 Advanced</h3></a><a class="p-1 border no-underline rounded-lg shadow-md hover:shadow-lg hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800 dark:border-gray-700 transition ease-in-out duration-300" href="/docs/agents/introduction"><h3 class="text-[16px] text-left font-semibold ml-4 mb-6">🤖 Agents</h3></a><a class="p-1 border no-underline rounded-lg shadow-md hover:shadow-lg hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800 dark:border-gray-700 transition ease-in-out duration-300" href="/docs/basic_applications/introduction"><h3 class="text-[16px] text-left font-semibold ml-4 mb-6">💼 Applications</h3></a><a class="p-1 border no-underline rounded-lg shadow-md hover:shadow-lg hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800 dark:border-gray-700 transition ease-in-out duration-300" href="/docs/basics/introduction"><h3 class="text-[16px] text-left font-semibold ml-4 mb-6">😃 Basics</h3></a><a class="p-1 border no-underline rounded-lg shadow-md hover:shadow-lg hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800 dark:border-gray-700 transition ease-in-out duration-300" href="/docs/bibliography"><h3 class="text-[16px] text-left font-semibold ml-4 mb-6">📚 Bibliography</h3></a><a class="p-1 border no-underline rounded-lg shadow-md hover:shadow-lg hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800 dark:border-gray-700 transition ease-in-out duration-300" href="/docs/credits"><h3 class="text-[16px] text-left font-semibold ml-4 mb-6">✨ Credits</h3></a><a class="p-1 border no-underline rounded-lg shadow-md hover:shadow-lg hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800 dark:border-gray-700 transition ease-in-out duration-300" href="/docs/hot_topics"><h3 class="text-[16px] text-left font-semibold ml-4 mb-6">🔥 Hot Topics</h3></a><a class="p-1 border no-underline rounded-lg shadow-md hover:shadow-lg hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800 dark:border-gray-700 transition ease-in-out duration-300" href="/docs/image_prompting/introduction"><h3 class="text-[16px] text-left font-semibold ml-4 mb-6">🖼️ Image Prompting</h3></a><a class="p-1 border no-underline rounded-lg shadow-md hover:shadow-lg hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800 dark:border-gray-700 transition ease-in-out duration-300" href="/docs/intermediate/introduction"><h3 class="text-[16px] text-left font-semibold ml-4 mb-6">🧙♂️ Intermediate</h3></a><a class="p-1 border no-underline rounded-lg shadow-md hover:shadow-lg hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800 dark:border-gray-700 transition ease-in-out duration-300" href="/docs/language-model-inversion/introduction"><h3 class="text-[16px] text-left font-semibold ml-4 mb-6">🔁 Language Model Inversion</h3></a><a class="p-1 border no-underline rounded-lg shadow-md hover:shadow-lg hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800 dark:border-gray-700 transition ease-in-out duration-300" href="/docs/miscl/introduction"><h3 class="text-[16px] text-left font-semibold ml-4 mb-6">🎲 Miscellaneous</h3></a><a class="p-1 border no-underline rounded-lg shadow-md hover:shadow-lg hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800 dark:border-gray-700 transition ease-in-out duration-300" href="/docs/models/introduction"><h3 class="text-[16px] text-left font-semibold ml-4 mb-6">🔧 Models</h3></a><a class="p-1 border no-underline rounded-lg shadow-md hover:shadow-lg hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800 dark:border-gray-700 transition ease-in-out duration-300" href="/docs/new_techniques/introduction"><h3 class="text-[16px] text-left font-semibold ml-4 mb-6">🌱 New Techniques</h3></a><a class="p-1 border no-underline rounded-lg shadow-md hover:shadow-lg hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800 dark:border-gray-700 transition ease-in-out duration-300" href="/docs/products"><h3 class="text-[16px] text-left font-semibold ml-4 mb-6">📦 Prompted Products</h3></a><a class="p-1 border no-underline rounded-lg shadow-md hover:shadow-lg hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800 dark:border-gray-700 transition ease-in-out duration-300" href="/docs/prompt_hacking/introduction"><h3 class="text-[16px] text-left font-semibold ml-4 mb-6">🔓 Prompt Hacking</h3></a><a class="p-1 border no-underline rounded-lg shadow-md hover:shadow-lg hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800 dark:border-gray-700 transition ease-in-out duration-300" href="/docs/reliability/introduction"><h3 class="text-[16px] text-left font-semibold ml-4 mb-6">⚖️ Reliability</h3></a><a class="p-1 border no-underline rounded-lg shadow-md hover:shadow-lg hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800 dark:border-gray-700 transition ease-in-out duration-300" href="/docs/retrieval_augmented_generation/introduction"><h3 class="text-[16px] text-left font-semibold ml-4 mb-6">🗂️ RAG</h3></a><a class="p-1 border no-underline rounded-lg shadow-md hover:shadow-lg hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800 dark:border-gray-700 transition ease-in-out duration-300" href="/docs/tooling/introduction"><h3 class="text-[16px] text-left font-semibold ml-4 mb-6">🔨 Tooling</h3></a><a class="p-1 border no-underline rounded-lg shadow-md hover:shadow-lg hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800 dark:border-gray-700 transition ease-in-out duration-300" href="/docs/trainable/introduction"><h3 class="text-[16px] text-left font-semibold ml-4 mb-6">💪 Prompt Tuning</h3></a></section> | |
| <section data-footnotes="true" class="footnotes"><h2 class="text-black dark:text-white" id="footnote-label">Footnotes</h2> | |
| <ol> | |
| <li class="text-black dark:text-white"> | |
| <p>We believe it is the first, but it is hard to be certain. <a href="#user-content-fnref-first" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">↩</a></p> | |
| </li> | |
| <li class="text-black dark:text-white"> | |
| <p>Schulhoff, S., Ilie, M., Balepur, N., Kahadze, K., Liu, A., Si, C., Li, Y., Gupta, A., Han, H., Schulhoff, S., & others. (2024). The Prompt Report: A Systematic Survey of Prompting Techniques. arXiv Preprint arXiv:2406.06608. | |
| <a href="#user-content-fnref-1" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">↩</a> <a href="#user-content-fnref-1-2" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">↩<sup>2</sup></a></p> | |
| </li> | |
| <li class="text-black dark:text-white"> | |
| <p>Schulhoff, S., Pinto, J., Khan, A., Bouchard, L.-F., Si, C., Anati, S., Tagliabue, V., Kost, A. L., Carnahan, C., & Boyd-Graber, J. (2023). Ignore This Title and HackAPrompt: Exposing Systemic Vulnerabilities of LLMs through a Global Scale Prompt Hacking Competition. arXiv Preprint arXiv:2311.16119. | |
| <a href="#user-content-fnref-2" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">↩</a></p> | |
| </li> | |
| <li class="text-black dark:text-white"> | |
| <p>Wallace, E., Xiao, K., Leike, R., Weng, L., Heidecke, J., & Beutel, A. (2024). The instruction hierarchy: Training llms to prioritize privileged instructions. arXiv Preprint arXiv:2404.13208. | |
| <a href="#user-content-fnref-3" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">↩</a></p> | |
| </li> | |
| <li class="text-black dark:text-white"> | |
| <p>Vassilev, A., Oprea, A., Fordyce, A., & Anderson, H. (2024). Adversarial machine learning: A taxonomy and terminology of attacks and mitigations [Techreport]. National Institute of Standards. | |
| <a href="#user-content-fnref-4" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">↩</a></p> | |
| </li> | |
| <li class="text-black dark:text-white"> | |
| <p>Captain, S. (2023). How AI Will Change the Workplace. Wall Street Journal. <a target="_blank" rel="noopener noreferrer" href="https://www.wsj.com/articles/how-ai-change-workplace-af2162ee" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">https://www.wsj.com/articles/how-ai-change-workplace-af2162ee</a> | |
| <a href="#user-content-fnref-5" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">↩</a></p> | |
| </li> | |
| <li class="text-black dark:text-white"> | |
| <p>Generative AI already appears to have claimed some jobs(@Verma<em>Vynck_2023), and slowed hiring at Bloomberg<sup><span class="relative inline-block"><a href="#footnote-label" class="text-[#1D9774] no-underline hover:underline focus:outline-none">10</a><span class="absolute z-10 w-64 p-4 mt-2 text-sm bg-white dark:bg-gray-950 dark:border-2 dark:border-neutral-800 rounded-md shadow-lg ring-1 ring-black ring-opacity-5 transition-opacity duration-300 opacity-0 pointer-events-none" style="left: 50%; transform: translateX(-50%);"><span class="relative flex"><span class="text-gray-700 dark:text-gray-300 text-left w-5/6 popover-content ">Ford, B. (2023). Bloomberg.Com. <a target="_blank" rel="noopener noreferrer" href="https://www.bloomberg.com/news/articles/2023-05-01/ibm-to-pause-hiring-for-back-office-jobs-that-ai-could-kill" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">https://www.bloomberg.com/news/articles/2023-05-01/ibm-to-pause-hiring-for-back-office-jobs-that-ai-could-kill</a> | |
| </span><button class="absolute top-0 right-0 p-1 text-gray-400 dark:text-gray-300 hover:text-gray-600 hover:dark:text-gray-100 focus:outline-none" aria-label="Copy to clipboard"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="copy" class="svg-inline--fa fa-copy text-lg w-5 h-5" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M208 0H332.1c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9V336c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V48c0-26.5 21.5-48 48-48zM48 128h80v64H64V448H256V416h64v48c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48z"></path></svg></button></span></span></span></sup>. However, consider the news on its impact with a grain of salt. We expect more jobs to be _changed</em> rather than lost. <a href="#user-content-fnref-a" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">↩</a></p> | |
| </li> | |
| <li class="text-black dark:text-white"> | |
| <p>We have read 100s of research papers and articles to find the best techniques. <a href="#user-content-fnref-c" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">↩</a></p> | |
| </li> | |
| <li class="text-black dark:text-white"> | |
| <p>The AI used here is GPT-4, a <a target="_blank" rel="noopener noreferrer" class="text-black dark:text-white" href="/vocabulary/LLM">LLM</a> created by OpenAI. <a href="#user-content-fnref-b" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">↩</a></p> | |
| </li> | |
| <li class="text-black dark:text-white"> | |
| <p>Ford, B. (2023). Bloomberg.Com. <a target="_blank" rel="noopener noreferrer" href="https://www.bloomberg.com/news/articles/2023-05-01/ibm-to-pause-hiring-for-back-office-jobs-that-ai-could-kill" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">https://www.bloomberg.com/news/articles/2023-05-01/ibm-to-pause-hiring-for-back-office-jobs-that-ai-could-kill</a> | |
| <a href="#user-content-fnref-6" style="color: rgb(29, 151, 116); text-decoration: none; overflow-wrap: break-word;">↩</a></p> | |
| </li> | |
| </ol> | |
| </section><div id="Sander Schulhoff-bio-container"><section id="Sander Schulhoff-bio" class="mt-6 p-6 bg-gray-50 dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 transition-colors duration-200"><h3 class="text-xl m-0 font-bold text-gray-900 dark:text-gray-100 mb-2">Sander Schulhoff</h3><p class="text-gray-700 dark:text-gray-300 leading-relaxed">Sander Schulhoff is the CEO of HackAPrompt and Learn Prompting. He created the first Prompt Engineering guide on the internet, two months before ChatGPT was released, which has taught 3 million people how to prompt ChatGPT. He also partnered with OpenAI to run the first AI Red Teaming competition, HackAPrompt, which was 2x larger than the White House's subsequent AI Red Teaming competition. Today, HackAPrompt partners with the Frontier AI labs to produce research that makes their models more secure. Sander's background is in Natural Language Processing and deep reinforcement learning. He recently led the team behind The Prompt Report, the most comprehensive study of prompt engineering ever done. This 76-page survey, co-authored with OpenAI, Microsoft, Google, Princeton, Stanford, and other leading institutions, analyzed 1,500+ academic papers and covered 200+ prompting techniques.</p></section></div><section class="scroll-mt-[100vh] -pb-16" id="footnotes"></section><div><a target="_blank" rel="noopener noreferrer" href="https://github.com/trigaten/Learn_Prompting/tree/v1.2.3/docs"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="pencil" class="svg-inline--fa fa-pencil " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M410.3 231l11.3-11.3-33.9-33.9-62.1-62.1L291.7 89.8l-11.3 11.3-22.6 22.6L58.6 322.9c-10.4 10.4-18 23.3-22.2 37.4L1 480.7c-2.5 8.4-.2 17.5 6.1 23.7s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L387.7 253.7 410.3 231zM160 399.4l-9.1 22.7c-4 3.1-8.5 5.4-13.3 6.9L59.4 452l23-78.1c1.4-4.9 3.8-9.4 6.9-13.3l22.7-9.1v32c0 8.8 7.2 16 16 16h32zM362.7 18.7L348.3 33.2 325.7 55.8 314.3 67.1l33.9 33.9 62.1 62.1 33.9 33.9 11.3-11.3 22.6-22.6 14.5-14.5c25-25 25-65.5 0-90.5L453.3 18.7c-25-25-65.5-25-90.5 0zm-47.4 168l-144 144c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l144-144c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6z"></path></svg> Edit this page</a></div><div class="flex flex-col sm:flex-row md:flex-col xl:flex-row justify-between gap-4 mt-12 not-prose w-full"><div class="hidden w-full"></div><div class="sm:ml-auto md:ml-0 xl:ml-auto sm:w-72 md:w-full xl:w-72 w-full"><a class=" | |
| group flex items-center gap-3 | |
| bg-gray-200 dark:bg-gray-900 | |
| hover:bg-gray-300 dark:hover:bg-gray-800 | |
| rounded-md px-4 py-3 | |
| transition-colors duration-200 | |
| w-full sm:w-72 md:w-full xl:w-72 | |
| " href="/docs/basics/introduction"><div class=" | |
| flex flex-col min-w-0 flex-grow | |
| items-end text-right | |
| "><span class="text-xs text-gray-500 dark:text-gray-400 w-full">Next</span><div class="relative w-full overflow-hidden"><div class=" | |
| text-sm font-medium text-gray-900 dark:text-gray-100 | |
| whitespace-nowrap inline-block | |
| false | |
| ">🟢 Basics Guide Overview</div></div></div><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-right" class="svg-inline--fa fa-arrow-right w-4 h-4 text-gray-500 dark:text-gray-400 flex-shrink-0" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg></a></div></div><div class="flex flex-col items-center text-center mx-0"><div><h2 class="mt-14 mb-12 text-3xl">Master Generative AI with Our Courses</h2><div class="grid gap-4 grid-cols-1 xl:grid-cols-3"><div class="relative w-full max-w-[340px] mx-auto"><div class="relative overflow-hidden bg-[#121721] rounded-xl border border-gray-600 h-[480px] flex flex-col"><div class="w-full h-48 overflow-hidden"><img alt="Course Vid Image" loading="lazy" width="1855" height="1043" decoding="async" data-nimg="1" class="absolute w-full h-48 object-cover xl:object-scale-down object-left-bottom 2xl:object-left-top xl:scale-125 2xl:scale-100 xl:ml-6 2xl:ml-0 -top-16 xs:-top-14 xl:-top-[100px] 2xl:-top-14" srcset="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FgptCourse.374e6c78.webp&w=1920&q=75&dpl=dpl_4xrNJubb2rB1yNq1SNnQqJtckvvd 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2FgptCourse.374e6c78.webp&w=3840&q=75&dpl=dpl_4xrNJubb2rB1yNq1SNnQqJtckvvd 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FgptCourse.374e6c78.webp&w=3840&q=75&dpl=dpl_4xrNJubb2rB1yNq1SNnQqJtckvvd" style="color: transparent;"></div><div class="relative flex flex-col flex-1 p-4"><div class="flex flex-col gap-1 justify-between text-left"><div><img alt="Plan Image" loading="lazy" width="80" height="19" decoding="async" data-nimg="1" class="w-20 h-6 translate-y-2 2xl:translate-y-0" src="/_next/static/media/free.e1365fb9.svg" style="color: transparent;"><h3 class="h-10 mt-2 text-sm font-medium text-white line-clamp-2 -translate-y-2 2xl:translate-y-0">ChatGPT for Everyone</h3><p class="h-20 mt-3 text-xs text-gray-400 line-clamp-4">Discover how to use ChatGPT effectively and explore the exciting world of Generative AI. No prior experience required!</p></div><div><div class="flex items-center"><img alt="Difficulty Image" loading="lazy" width="129" height="16" decoding="async" data-nimg="1" class="w-28" src="/_next/static/media/beginner.2551154f.svg" style="color: transparent;"></div><a target="_blank" rel="noopener noreferrer" class="block w-full py-2.5 bg-gossamer hover:bg-gossamer-hover text-xs text-white no-underline rounded-lg transition-colors duration-200 font-medium text-center" href="/courses/chatgpt-for-everyone">Enroll Now</a></div></div></div></div></div><div class="relative w-full max-w-[340px] mx-auto"><div class="relative overflow-hidden bg-[#121721] rounded-xl border border-gray-600 h-[480px] flex flex-col"><div class="w-full h-48 overflow-hidden"><img alt="Course Vid Image" loading="lazy" width="1855" height="1043" decoding="async" data-nimg="1" class="absolute w-full h-48 object-cover xl:object-scale-down object-left-bottom 2xl:object-left-top xl:scale-125 2xl:scale-100 xl:ml-6 2xl:ml-0 -top-16 xs:-top-14 xl:-top-[100px] 2xl:-top-14" srcset="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FintroPrompting.731d9cd0.webp&w=1920&q=75&dpl=dpl_4xrNJubb2rB1yNq1SNnQqJtckvvd 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2FintroPrompting.731d9cd0.webp&w=3840&q=75&dpl=dpl_4xrNJubb2rB1yNq1SNnQqJtckvvd 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FintroPrompting.731d9cd0.webp&w=3840&q=75&dpl=dpl_4xrNJubb2rB1yNq1SNnQqJtckvvd" style="color: transparent;"></div><div class="relative flex flex-col flex-1 p-4"><div class="flex flex-col gap-1 justify-between text-left"><div><img alt="Plan Image" loading="lazy" width="79" height="19" decoding="async" data-nimg="1" class="w-20 h-6 translate-y-2 2xl:translate-y-0" src="/_next/static/media/plus.2938f446.svg" style="color: transparent;"><h3 class="h-10 mt-2 text-sm font-medium text-white line-clamp-2 -translate-y-2 2xl:translate-y-0">Introduction to Prompt Engineering</h3><p class="h-20 mt-3 text-xs text-gray-400 line-clamp-4">Learn the fundamentals of prompt engineering, the practice of crafting effective instructions for AI systems like ChatGPT, Claude, and Perplexity. You'll learn how to write better prompts, understand how large language models (LLMs) interpret inputs, and apply AI to tasks like content creation, problem-solving, and workflow automation.</p></div><div><div class="flex items-center"><img alt="Difficulty Image" loading="lazy" width="129" height="16" decoding="async" data-nimg="1" class="w-28" src="/_next/static/media/beginner.2551154f.svg" style="color: transparent;"></div><a target="_blank" rel="noopener noreferrer" class="block w-full py-2.5 bg-gossamer hover:bg-gossamer-hover text-xs text-white no-underline rounded-lg transition-colors duration-200 font-medium text-center" href="/courses/introduction_to_prompt_engineering">Enroll Now</a></div></div></div></div></div><div class="relative w-full max-w-[340px] mx-auto"><div class="relative overflow-hidden bg-[#121721] rounded-xl border border-gray-600 h-[480px] flex flex-col"><div class="w-full h-48 overflow-hidden"><img alt="Course Vid Image" loading="lazy" width="1855" height="1043" decoding="async" data-nimg="1" class="absolute w-full h-48 object-cover xl:object-scale-down object-left-bottom 2xl:object-left-top xl:scale-125 2xl:scale-100 xl:ml-6 2xl:ml-0 -top-16 xs:-top-14 xl:-top-[100px] 2xl:-top-14" srcset="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FadvancedPrompting.dae26db0.webp&w=1920&q=75&dpl=dpl_4xrNJubb2rB1yNq1SNnQqJtckvvd 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2FadvancedPrompting.dae26db0.webp&w=3840&q=75&dpl=dpl_4xrNJubb2rB1yNq1SNnQqJtckvvd 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FadvancedPrompting.dae26db0.webp&w=3840&q=75&dpl=dpl_4xrNJubb2rB1yNq1SNnQqJtckvvd" style="color: transparent;"></div><div class="relative flex flex-col flex-1 p-4"><div class="flex flex-col gap-1 justify-between text-left"><div><img alt="Plan Image" loading="lazy" width="79" height="19" decoding="async" data-nimg="1" class="w-20 h-6 translate-y-2 2xl:translate-y-0" src="/_next/static/media/plus.2938f446.svg" style="color: transparent;"><h3 class="h-10 mt-2 text-sm font-medium text-white line-clamp-2 -translate-y-2 2xl:translate-y-0">Advanced Prompt Engineering</h3><p class="h-20 mt-3 text-xs text-gray-400 line-clamp-4">Discover advanced techniques in prompt engineering to enhance the accuracy, reliability, and efficiency of AI-generated responses. Learn systematic methods for creating complex prompts for AI models like GPT-4o, Claude, and Gemini. Master key techniques like chain-of-thought prompting and more!</p></div><div><div class="flex items-center"><img alt="Difficulty Image" loading="lazy" width="129" height="16" decoding="async" data-nimg="1" class="w-28" src="/_next/static/media/advanced.7c90f3e4.svg" style="color: transparent;"></div><a target="_blank" rel="noopener noreferrer" class="block w-full py-2.5 bg-gossamer hover:bg-gossamer-hover text-xs text-white no-underline rounded-lg transition-colors duration-200 font-medium text-center" href="/courses/advanced-prompt-engineering">Enroll Now</a></div></div></div></div></div></div><div class="my-10"><div class="grid gap-4 grid-cols-1 sm:grid-cols-2 md:grid-cols-1 lg:grid-cols-2"><a target="_blank" rel="noopener noreferrer" class="no-underline group relative duration-300" href="/contact-sales"><div class="h-36 w-full bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-600 hover:bg-gray-300 p-4 cursor-pointer rounded-md transform hover:scale-105 transition-transform duration-200"><p class="text-xs py-0 my-0 text-black/75 dark:text-gray-300/50 text-left">Need Business GenAI Training?</p><h3 class="m-0 text-left">Contact Sales</h3><svg class="absolute bottom-0 left-0 m-4 lucide lucide-arrow-up-right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></a><a target="_blank" rel="noopener noreferrer" class="no-underline group relative duration-300" href="/courses"><div class="h-36 w-full bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-600 hover:bg-gray-300 p-4 cursor-pointer rounded-md transform hover:scale-105 transition-transform duration-200"><p class="text-xs py-0 my-0 text-black/75 dark:text-gray-300/50 text-left">Want to keep learning</p><h3 class="m-0 text-left">Explore Our Full Course Collection</h3><svg class="absolute bottom-0 left-0 m-4 lucide lucide-arrow-up-right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></a></div></div></div></div></div></main> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment