{"id":17,"date":"2026-09-24T20:18:28","date_gmt":"2026-09-24T20:18:28","guid":{"rendered":"https:\/\/nmi.cool\/ai\/?page_id=17"},"modified":"2026-09-28T04:38:34","modified_gmt":"2026-09-28T04:38:34","slug":"03-give-it-a-brief","status":"publish","type":"page","link":"https:\/\/nmi.cool\/ai\/03-give-it-a-brief\/","title":{"rendered":"03 Give it a brief"},"content":{"rendered":"<div style=\"font-family:Arial,sans-serif;font-size:18px;line-height:1.8;color:#000000\"><p style=\"font-size:12px;letter-spacing:1.5px;color:#434343\"><strong>LESSON 03 \/ 10 MINUTES<\/strong><\/p><p>\u201cBuild me a planner\u201d will probably get you a planner. Whether it\u2019s the planner you wanted is another question. Before you ask Codex to build, give it a short brief.<\/p><h2 style=\"color:#7D12FF;font-family:Arial,sans-serif\">Build a brief from four parts<\/h2><ol><li><strong>The goal.<\/strong> What should someone be able to do?<\/li><li><strong>The context.<\/strong> Who is it for, and what does Codex need to know?<\/li><li><strong>The boundaries.<\/strong> What should it use, avoid, or leave alone?<\/li><li><strong>The finish line.<\/strong> What will you try to decide whether it works?<\/li><\/ol><p>These four parts are a useful starting point for most requests to Codex. Together, they should tell Codex what action to take. You don\u2019t need special phrases or a long speech about being an expert. Plain language works. Specific details help more than extra enthusiasm.<\/p><div style=\"background-color:#f6f0ff;border-left:4px solid #7D12FF;padding:22px;margin:28px 0\"><p style=\"font-family:Arial,sans-serif;font-size:13px;letter-spacing:1px;color:#7D12FF\"><strong>BEFORE<\/strong><\/p><p>Make an awesome productivity app.<\/p><\/div><figure style=\"margin:28px 0;border:1px solid #CCCCCC;border-radius:10px;overflow:hidden\"><div style=\"background:#000;color:#fff;padding:15px 20px;font-size:14px\"><strong>A BETTER BRIEF, PIECE BY PIECE<\/strong><\/div><div style=\"padding:18px 20px;border-left:5px solid #7D12FF;border-bottom:1px solid #eee\"><p style=\"font-size:12px;color:#7D12FF;margin:0\"><strong>01 \u00b7 GOAL<\/strong><\/p><p style=\"margin:5px 0 0;font-size:17px\">First, suggest a short plan for a task planner that lets me add tasks with due dates and estimated minutes.<\/p><\/div><div style=\"padding:18px 20px;border-left:5px solid #2727E6;border-bottom:1px solid #eee\"><p style=\"font-size:12px;color:#2727E6;margin:0\"><strong>02 \u00b7 CONTEXT<\/strong><\/p><p style=\"margin:5px 0 0;font-size:17px\">I\u2019m a college student who wants to choose what to do during a 30-minute break between classes.<\/p><\/div><div style=\"padding:18px 20px;border-left:5px solid #434343;border-bottom:1px solid #eee\"><p style=\"font-size:12px;color:#434343;margin:0\"><strong>03 \u00b7 BOUNDARIES<\/strong><\/p><p style=\"margin:5px 0 0;font-size:17px\">Use one local index.html file. No accounts or external libraries. Don\u2019t create files yet.<\/p><\/div><div style=\"padding:18px 20px;border-left:5px solid #BA0C2F;border-bottom:1px solid #eee\"><p style=\"font-size:12px;color:#BA0C2F;margin:0\"><strong>04 \u00b7 FINISH LINE<\/strong><\/p><p style=\"margin:5px 0 0;font-size:17px\">The finished planner should let me add and complete a task, then find an unfinished task that fits my 30 minutes.<\/p><\/div><figcaption style=\"padding:14px 20px;font-size:14px;color:#434343\">Read the four parts together: they form one complete request Codex can act on.<\/figcaption><\/figure><h2 style=\"color:#7D12FF;font-family:Arial,sans-serif\">Decide what your planner is for<\/h2><p>Our shared project is <strong>My Week, Unstuck<\/strong>. Its job is to make it easier to choose a next task. The prompt below already supplies the technical boundaries: one local file, no accounts, and no external libraries. To make the other three parts your own, take two minutes to answer:<\/p><ul><li><strong>Context:<\/strong> Who will use your planner, and when would they use it?<\/li><li><strong>Goal:<\/strong> What should the planner help you choose next? For example, which unfinished task fits a 30-minute break?<\/li><li><strong>Finish line:<\/strong> What would you try in the finished planner to tell whether it helps?<\/li><\/ul><p>Maybe yours is about coursework. Maybe it\u2019s a creative project planner or a way to make progress on your NMC\/EM Portfolio. Keep the same small set of features for now; change the audience and example tasks to fit you.<\/p><h2 style=\"color:#7D12FF;font-family:Arial,sans-serif\">Ask for a plan first<\/h2><p>Open the Codex chat you started inside the <strong>My Week, Unstuck<\/strong> Project in Lesson 2. Check that it is connected to your <strong>nmi-codex-lab<\/strong> folder. Replace the bracketed parts of the prompt below with your answers, then send it in that chat. This request asks for a plan before any file changes, so read the reply before telling Codex to build.<\/p><div style=\"background-color:#f6f0ff;border-left:4px solid #7D12FF;padding:22px;margin:28px 0\"><p style=\"font-family:Arial,sans-serif;font-size:13px;letter-spacing:1px;color:#7D12FF\"><strong>TRY THIS PROMPT<\/strong><\/p><p style=\"font-family:Arial,sans-serif;font-size:17px;line-height:1.7\">I want to build a small browser app called My Week, Unstuck for [who will use it]. They would use it [when they would use it] to decide [what task to do next]. I\u2019ll know it works when [what you will try in the finished planner]. I\u2019m a beginner. We will use a single index.html file with HTML, CSS, and JavaScript, without external libraries, accounts, or a server. Keep everything in this project folder and don\u2019t publish it. First, suggest a short plan for adding tasks with a due date and estimated minutes, marking tasks complete, and finding unfinished tasks that fit a time limit. Ask up to three questions if something important is unclear. Don\u2019t create or edit files yet.<\/p><\/div><p>Read the plan. Is it describing the same project you had in mind? If it adds logins, a database, calendar connections, or a whole social network (it happens), send this optional follow-up to bring the scope back down. If the plan already fits, skip it.<\/p><div style=\"background-color:#f6f0ff;border-left:4px solid #7D12FF;padding:22px;margin:28px 0\"><p style=\"font-family:Arial,sans-serif;font-size:13px;letter-spacing:1px;color:#7D12FF\"><strong>OPTIONAL FOLLOW-UP PROMPT<\/strong><\/p><p style=\"font-family:Arial,sans-serif;font-size:17px;line-height:1.7\">Keep the first version smaller. Use made-up tasks, one page, and one local file. We\u2019ll add one improvement after we\u2019ve tested the basics. Please revise the plan before building.<\/p><\/div><h2 style=\"color:#7D12FF;font-family:Arial,sans-serif\">A tiny code translation<\/h2><p>You just named three building blocks. <strong>HTML<\/strong> gives the page its content and structure. <strong>CSS<\/strong> controls its appearance. <strong>JavaScript<\/strong> makes it respond when you add a task or click a filter. Codex will write them. You\u2019ll use the result and ask questions about how it works.<\/p><div style=\"background-color:#f6f0ff;border-left:4px solid #7D12FF;padding:22px;margin:28px 0\"><p style=\"font-family:Arial,sans-serif;font-size:13px;letter-spacing:1px;color:#7D12FF\"><strong>YOUR TURN<\/strong><\/p><p>\u201cMake it easier to use\u201d is feedback, but it\u2019s hard to act on. Rewrite it as one observable change to your planner.<\/p><details><summary>See one possible answer<\/summary><p>\u201cMove the Add task button directly below the form, label the time field \u2018Estimated minutes,\u2019 and show an explanation beside any invalid entry.\u201d You can check each of those changes yourself.<\/p><\/details><\/div><div style=\"background-color:#f6f0ff;border-left:4px solid #7D12FF;padding:22px;margin:28px 0\"><p style=\"font-family:Arial,sans-serif;font-size:13px;letter-spacing:1px;color:#7D12FF\"><strong>BEFORE YOU MOVE ON<\/strong><\/p><p>You have a short plan that matches your idea. You can name one thing the first version must do and one feature you\u2019re saving for later.<\/p><\/div><p><small>Reference: <a style=\"color:#2727E6\" href=\"https:\/\/learn.chatgpt.com\/guides\/best-practices\">OpenAI\u2019s prompting and planning guidance<\/a>.<\/small><\/p><hr><p style=\"font-family:Arial,sans-serif;font-size:16px\"><a style=\"color:#2727E6\" href=\"https:\/\/nmi.cool\/ai\/02-get-set-up\/\">\u2190 Get set up<\/a> \u00b7 <a style=\"color:#2727E6\" href=\"https:\/\/nmi.cool\/ai\/getting-started-with-codex\/\">Workbook home<\/a> \u00b7 <a style=\"color:#2727E6\" href=\"https:\/\/nmi.cool\/ai\/04-build-something\/\">Build something \u2192<\/a><\/p><\/div>","protected":false},"excerpt":{"rendered":"<p>LESSON 03 \/ 10 MINUTES \u201cBuild me a planner\u201d will probably get you a planner. Whether it\u2019s the planner you wanted is another question. Before you ask Codex to build, give it a short brief. Build a brief from four parts The goal. What should someone be able to do? The context. Who is it &hellip; <a href=\"https:\/\/nmi.cool\/ai\/03-give-it-a-brief\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">03 Give it a brief<\/span><\/a><\/p>\n","protected":false},"author":27,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nmi.cool\/ai\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nmi.cool\/ai\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nmi.cool\/ai\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nmi.cool\/ai\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/nmi.cool\/ai\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":4,"href":"https:\/\/nmi.cool\/ai\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":55,"href":"https:\/\/nmi.cool\/ai\/wp-json\/wp\/v2\/pages\/17\/revisions\/55"}],"wp:attachment":[{"href":"https:\/\/nmi.cool\/ai\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}