Planning before implementation increases code quality and prevents unnecessary errors.
OpenBuilder’s Planning Mode can be triggered at 2 different levels:
Project level: break down a large idea into features, user flows, API integrations etc.
Feature level: scope out a feature into techinical steps, with order of implementation.
There are 2 ways to activate Planning Mode**:**
Automatic Mode
Manual Mode
It’s critical to take the time to review AI generated plans.
Otherwise, there may be a difference between what you have in mind, and what the AI thinks you are trying to build - causing many issues during testing and validation.
At the start of every new chat, including the very first prompt, OpenBuilder Agent will assess the complexity & vagueness of your prompt.If it deems the prompt is either too complex, or too vague, it will enter planning mode.
To activte planning manually, simply tell the AI to
Create a plan to _______
This will cause the AI to enter planning mode, and create a plan.md which you can modify directly or chat with the AI to modify.
To see a diagram of the plan, click View Visualization at the bottom right.
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"OpenBuilder","colors":{"primary":"#16A34A","light":"#07C983","dark":"#15803D"},"favicon":"/favicon.ico","appearance":{"default":"light"},"navbar":{"links":[{"label":"Support","href":"https://openbuilder.mintlify.app/troubleshoot/support"}],"primary":{"type":"button","label":"Quick Start","href":"https://openbuilder.mintlify.app/get-started/quick-start"}},"footer":{"socials":{"x":"https://x.com/OpenBuilderAI","github":"https://github.com/theopenbuilder","linkedin":"https://linkedin.com/company/openbuilder"}},"navigation":{"global":{"anchors":[{"anchor":"Community","icon":"discord","href":"https://discord.gg/3kqeNhsQxH"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"openbuilder","hasAudioNarration":false,"actualSubdomain":"openbuilder","customDomains":["docs.theopenbuilder.com"],"gitSource":{"type":"github","owner":"theopenbuilder","repo":"openbuilder-docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6a20cdbbaefcc421c9f5e926","collectionId":"747bf9fd-a7c9-4bff-95c9-6fd24921ad8a","schemaVersion":"v2"},"entitlements":{},"buildId":"6ae941b0a0984de145960618:success","clientVersion":"0.0.4067","searchFilterCounts":[{"language":"default","tag":"Documentation","count":13},{"language":"default","tag":"Guides","count":6},{"language":"default","tag":"Best Practices","count":4},{"language":"default","tag":"Troubleshoot","count":2},{"language":"default","tag":"Get Started","count":1}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"guides/project-planning","slug":"/guides/project-planning","pageMetadata":{"title":"Planning","description":"Planning before implementation increases code quality and prevents unnecessary errors.","href":"/guides/project-planning"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Planning before implementation increases code quality and prevents unnecessary errors.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={blockquote:`blockquote`,br:`br`,code:`code`,li:`li`,ol:`ol`,p:`p`,strong:`strong`,ul:`ul`,..._provideComponents(),...props.components},{Frame,Heading,OptimizedImage,Tip}=_components;if(!Frame)_missingMdxReference(`Frame`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Tip)_missingMdxReference(`Tip`,true);return _jsxs(_Fragment,{children:[_jsx(Frame,{height:`100%`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/openbuilder/FxoUbFw4IR2zywHs/images/guides/planning-diagram.png?fit=max\u0026auto=format\u0026n=FxoUbFw4IR2zywHs\u0026q=85\u0026s=bc1daccbb2f5db453bfe918a1b7b4296`,alt:`Planning Diagram`,style:{height:`100%`,width:`100%`,objectFit:`contain`},\"data-og-width\":`3465`,width:`3465`,\"data-og-height\":`2160`,height:`2160`,\"data-path\":`images/guides/planning-diagram.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/openbuilder/FxoUbFw4IR2zywHs/images/guides/planning-diagram.png?w=280\u0026fit=max\u0026auto=format\u0026n=FxoUbFw4IR2zywHs\u0026q=85\u0026s=610f51b4295ad11d9beeb659ef99a5e9 280w, https://mintcdn.com/openbuilder/FxoUbFw4IR2zywHs/images/guides/planning-diagram.png?w=560\u0026fit=max\u0026auto=format\u0026n=FxoUbFw4IR2zywHs\u0026q=85\u0026s=6bc4766865e42620734e1b0d0d6725f4 560w, https://mintcdn.com/openbuilder/FxoUbFw4IR2zywHs/images/guides/planning-diagram.png?w=840\u0026fit=max\u0026auto=format\u0026n=FxoUbFw4IR2zywHs\u0026q=85\u0026s=b7511c12d3560c8f6e2648c4ae2308c9 840w, https://mintcdn.com/openbuilder/FxoUbFw4IR2zywHs/images/guides/planning-diagram.png?w=1100\u0026fit=max\u0026auto=format\u0026n=FxoUbFw4IR2zywHs\u0026q=85\u0026s=f8e285f276b05b7b5e391ec09bab9145 1100w, https://mintcdn.com/openbuilder/FxoUbFw4IR2zywHs/images/guides/planning-diagram.png?w=1650\u0026fit=max\u0026auto=format\u0026n=FxoUbFw4IR2zywHs\u0026q=85\u0026s=66d3dc5b567aabfacda2a85e76808747 1650w, https://mintcdn.com/openbuilder/FxoUbFw4IR2zywHs/images/guides/planning-diagram.png?w=2500\u0026fit=max\u0026auto=format\u0026n=FxoUbFw4IR2zywHs\u0026q=85\u0026s=1528c2d3576ae6d0e97916320095bd91 2500w`})}),`\n`,_jsxs(_components.p,{children:[`OpenBuilder’s `,_jsx(_components.strong,{children:`Planning Mode`}),` can be triggered at 2 different levels:`]}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Project level`}),`: break down a large idea into features, user flows, API integrations etc.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Feature level`}),`: scope out a feature into techinical steps, with order of implementation.`]}),`\n`]}),`\n`,_jsx(_components.p,{children:`There are 2 ways to activate Planning Mode**:**`}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsx(_components.li,{children:`Automatic Mode`}),`\n`,_jsx(_components.li,{children:`Manual Mode`}),`\n`]}),`\n`,_jsx(Tip,{children:_jsxs(_components.p,{children:[`It’s critical to take the time to `,_jsx(_components.strong,{children:`review AI generated plans`}),`. `,_jsx(_components.br,{}),`\n`,_jsx(_components.br,{}),`\n`,`Otherwise, there may be a difference between what you have in mind, and what the AI thinks you are trying to build - causing many issues during testing and validation.`]})}),`\n`,_jsx(Heading,{level:`2`,id:`automatic-planning-mode`,children:`Automatic Planning Mode`}),`\n`,_jsx(_components.p,{children:`At the start of every new chat, including the very first prompt, OpenBuilder Agent will assess the complexity \u0026 vagueness of your prompt.`}),`\n`,_jsx(_components.p,{children:`If it deems the prompt is either too complex, or too vague, it will enter planning mode.`}),`\n`,_jsx(Frame,{height:`100%`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/openbuilder/FxoUbFw4IR2zywHs/images/guides/vagueness.jpg?fit=max\u0026auto=format\u0026n=FxoUbFw4IR2zywHs\u0026q=85\u0026s=7e75e5e41733179cd3575602bd037bd6`,alt:`Vagueness Example`,style:{height:`100%`,width:`100%`,objectFit:`contain`},\"data-og-width\":`966`,width:`966`,\"data-og-height\":`336`,height:`336`,\"data-path\":`images/guides/vagueness.jpg`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/openbuilder/FxoUbFw4IR2zywHs/images/guides/vagueness.jpg?w=280\u0026fit=max\u0026auto=format\u0026n=FxoUbFw4IR2zywHs\u0026q=85\u0026s=baf646acf80a7d7de1da3992bca15ad2 280w, https://mintcdn.com/openbuilder/FxoUbFw4IR2zywHs/images/guides/vagueness.jpg?w=560\u0026fit=max\u0026auto=format\u0026n=FxoUbFw4IR2zywHs\u0026q=85\u0026s=45c58b68e049eed80a86e1c5d1bab945 560w, https://mintcdn.com/openbuilder/FxoUbFw4IR2zywHs/images/guides/vagueness.jpg?w=840\u0026fit=max\u0026auto=format\u0026n=FxoUbFw4IR2zywHs\u0026q=85\u0026s=1116d91b29ab76264451f048b8847932 840w, https://mintcdn.com/openbuilder/FxoUbFw4IR2zywHs/images/guides/vagueness.jpg?w=1100\u0026fit=max\u0026auto=format\u0026n=FxoUbFw4IR2zywHs\u0026q=85\u0026s=929ef54ecf7636d63d3ee33fb9e83df2 1100w, https://mintcdn.com/openbuilder/FxoUbFw4IR2zywHs/images/guides/vagueness.jpg?w=1650\u0026fit=max\u0026auto=format\u0026n=FxoUbFw4IR2zywHs\u0026q=85\u0026s=639b693645bc11bf249f35f007a25d96 1650w, https://mintcdn.com/openbuilder/FxoUbFw4IR2zywHs/images/guides/vagueness.jpg?w=2500\u0026fit=max\u0026auto=format\u0026n=FxoUbFw4IR2zywHs\u0026q=85\u0026s=56592b54a3d28ac8a9920aad118d4037 2500w`})}),`\n`,_jsx(Heading,{level:`2`,id:`manual-planning-mode`,children:`Manual Planning Mode`}),`\n`,_jsx(_components.p,{children:`To activte planning manually, simply tell the AI to`}),`\n`,_jsxs(_components.blockquote,{children:[`\n`,_jsx(_components.p,{children:`Create a plan to _______`}),`\n`]}),`\n`,_jsxs(_components.p,{children:[`This will cause the AI to enter planning mode, and create a `,_jsx(_components.code,{children:`plan.md`}),` which you can modify directly or chat with the AI to modify.`]}),`\n`,_jsx(Frame,{height:`100%`,children:_jsx(`video`,{src:`https://mintcdn.com/openbuilder/FxoUbFw4IR2zywHs/images/guides/planmd.mp4?fit=max\u0026auto=format\u0026n=FxoUbFw4IR2zywHs\u0026q=85\u0026s=eb3f1db4b7d52a3d05c13a5ad240a974`,controls:true,style:{height:`100%`,width:`100%`,objectFit:`contain`},\"data-path\":`images/guides/planmd.mp4`})}),`\n`,_jsxs(_components.p,{children:[`To see a diagram of the plan, click `,_jsx(_components.strong,{children:`View Visualization`}),` at the bottom right.`]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Planning","description":"Planning before implementation increases code quality and prevents unnecessary errors.","href":"/guides/project-planning"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Automatic Planning Mode","slug":"automatic-planning-mode","depth":2,"children":[]},{"title":"Manual Planning Mode","slug":"manual-planning-mode","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"openbuilder","siteName":"OpenBuilder","title":"Planning - OpenBuilder","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"originalFileLocation":"guides/project-planning.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"light\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Planning before implementation increases code quality and prevents unnecessary errors.\">\u003cmeta data-mint-head name=\"application-name\" content=\"OpenBuilder\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/openbuilder/iWrA53pOBzYX_kTX/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/openbuilder/iWrA53pOBzYX_kTX/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/openbuilder/iWrA53pOBzYX_kTX/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/openbuilder/iWrA53pOBzYX_kTX/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/openbuilder/iWrA53pOBzYX_kTX/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/openbuilder/iWrA53pOBzYX_kTX/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/openbuilder/iWrA53pOBzYX_kTX/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/openbuilder/iWrA53pOBzYX_kTX/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/openbuilder/iWrA53pOBzYX_kTX/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Planning - OpenBuilder\">\u003cmeta data-mint-head property=\"og:description\" content=\"Planning before implementation increases code quality and prevents unnecessary errors.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"OpenBuilder\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.theopenbuilder.com/guides/project-planning\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://openbuilder.mintlify.app/_mintlify/api/og/v2?division=Guides\u0026amp;title=Planning\u0026amp;description=Planning+before+implementation+increases+code+quality+and+prevents+unnecessary+errors.\u0026amp;theme=8c1d41e9b0ba50637b7c2497\u0026amp;signature=38b68f4465b136e90885450c68267572b311cefa06b5065c91a40ceb8a1a5691\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Planning - OpenBuilder\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Planning before implementation increases code quality and prevents unnecessary errors.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://openbuilder.mintlify.app/_mintlify/api/og/v2?division=Guides\u0026amp;title=Planning\u0026amp;description=Planning+before+implementation+increases+code+quality+and+prevents+unnecessary+errors.\u0026amp;theme=8c1d41e9b0ba50637b7c2497\u0026amp;signature=38b68f4465b136e90885450c68267572b311cefa06b5065c91a40ceb8a1a5691\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/openbuilder/iWrA53pOBzYX_kTX/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"OpenBuilder\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#16A34A\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.theopenbuilder.com/guides/project-planning\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/guides/project-planning.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.theopenbuilder.com/#organization\",\"name\":\"OpenBuilder\",\"url\":\"https://docs.theopenbuilder.com\"},{\"@type\":\"WebSite\",\"@id\":\"https://docs.theopenbuilder.com#website\",\"name\":\"OpenBuilder\",\"url\":\"https://docs.theopenbuilder.com\",\"publisher\":{\"@id\":\"https://docs.theopenbuilder.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.theopenbuilder.com/guides/project-planning#webpage\",\"url\":\"https://docs.theopenbuilder.com/guides/project-planning\",\"name\":\"Planning\",\"description\":\"Planning before implementation increases code quality and prevents unnecessary errors.\",\"isPartOf\":{\"@id\":\"https://docs.theopenbuilder.com#website\"},\"breadcrumb\":{\"@id\":\"https://docs.theopenbuilder.com/guides/project-planning#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.theopenbuilder.com/guides/project-planning#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"OpenBuilder\",\"item\":\"https://docs.theopenbuilder.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Planning\",\"item\":\"https://docs.theopenbuilder.com/guides/project-planning\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.theopenbuilder.com/guides/project-planning#article\",\"headline\":\"Planning\",\"name\":\"Planning\",\"description\":\"Planning before implementation increases code quality and prevents unnecessary errors.\",\"url\":\"https://docs.theopenbuilder.com/guides/project-planning\",\"mainEntityOfPage\":{\"@id\":\"https://docs.theopenbuilder.com/guides/project-planning#webpage\"},\"publisher\":{\"@id\":\"https://docs.theopenbuilder.com/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.theopenbuilder.com#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"OpenBuilder\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"OpenBuilder","nav":{"global":{"anchors":[{"anchor":"Community","icon":"discord","href":"https://discord.gg/3kqeNhsQxH"}]},"tabs":[{"tab":"Documentation","groups":[{"group":"Get Started","pages":[{"title":"Quick Start","description":"Get started with OpenBuilder in 5 minutes","href":"/get-started/quick-start"}]},{"group":"Guides","pages":[{"title":"Planning","href":"/guides/project-planning"},{"title":"Build the Front End","description":"Learn how to build the front end of your application.","href":"/guides/build-the-front-end"},{"title":"Connect Supabase","href":"/guides/connect-supabase"},{"title":"Connect APIs","href":"/guides/connect-APIs"},{"title":"Debugging","href":"/guides/debugging"},{"title":"Deploy App","href":"/guides/deploy-app"}]},{"group":"Best Practices","pages":[{"title":"Checkpoints","href":"/best-practices/checkpoints"},{"title":"Context Management","href":"/best-practices/context-management"},{"title":"Task Breakdown","href":"/best-practices/task-breakdown"},{"title":"Security","href":"/best-practices/security"}]},{"group":"Troubleshoot","pages":[{"title":"FAQs","href":"/troubleshoot/faqs"},{"title":"Support","href":"/troubleshoot/support"}]}]}]},"basePath":"","title":"Planning - OpenBuilder","buildId":"dpl_9VVk5y1P8k1ATeJguVngy9Q3cmbD","deploymentId":"dpl_9VVk5y1P8k1ATeJguVngy9Q3cmbD","dynamics":["07c022d89b","a74be98ba7"],"chunks":["Frame-BdiBGm0H.js","DynamicMarkdown-CbqEDjbV.js","zoom-image-lightbox-CvtNkYOX.js","lightbox-handle-r17bVUz3.js"]}