Prompt pattern to redesign your Mythex app’s UI — refresh spacing, typography and button styles one page at a time without removing features or routes.
Redesign the current [PAGE] to feel more premium.Keep all routes and copy meaning the same.Improve spacing, typography hierarchy, and button styles.Do not remove features.
Prefer one page or section per turn. Use Preview (including phone frame) before a full-site redesign.
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Mythex Docs","description":"Build apps and websites by chatting with AI. Workspace, preview, publish, billing, and prompting.","colors":{"primary":"#FB7185","light":"#FDA4AF","dark":"#E11D48"},"logo":{"light":"https://mintcdn.com/mythex/MYcuk9m9jCDpCwdy/logo-light.svg?fit=max\u0026auto=format\u0026n=MYcuk9m9jCDpCwdy\u0026q=85\u0026s=746dd9cba067524d2d5c1eba821e3166","dark":"https://mintcdn.com/mythex/MYcuk9m9jCDpCwdy/logo-dark.svg?fit=max\u0026auto=format\u0026n=MYcuk9m9jCDpCwdy\u0026q=85\u0026s=79061c8e608af2e06ed9ddbec4869b9b","href":"https://mythex.ai"},"favicon":"https://mintcdn.com/mythex/MYcuk9m9jCDpCwdy/logo-mark.svg?fit=max\u0026auto=format\u0026n=MYcuk9m9jCDpCwdy\u0026q=85\u0026s=33c1dd33ce30ac6118cc976004aa6858","navbar":{"links":[{"href":"https://mythex.ai","label":"App"},{"href":"https://docs.mythex.ai/introduction/support","label":"Support"}],"primary":{"type":"button","label":"Open Mythex","href":"https://mythex.ai/signup"}},"footer":{"socials":{"x":"https://x.com/mythexai","linkedin":"https://www.linkedin.com/company/mythexai","youtube":"https://www.youtube.com/@mythex-ai"}},"seo":{"metatags":{"og:image":"https://mythex.ai/og.png"}},"styling":{"latex":true},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"mythex","hasAudioNarration":false,"actualSubdomain":"mythex","customDomains":["docs.mythex.ai"],"gitSource":{"type":"github","owner":"ahmadzraiq","repo":"mythex","deployBranch":"main","contentDirectory":"apps/docs","isPrivate":true,"mountPath":"","label":""},"chroma":{"latestBuiltDeploymentHistoryId":"6ae203ab2c61db9c4c45ecc8","collectionId":"f3020d85-e83f-49be-8b7f-abc37e2b8518","liveDeploymentHistoryId":"6ae203ab2c61db9c4c45ecc8","schemaVersion":"v3"},"entitlements":{"AI_CHAT":{"status":"DISABLED"}},"buildId":"6ae59b668478937caf5811fa","clientVersion":"0.0.4043","searchFilterCounts":[{"language":"default","tag":"Workspace","count":22},{"language":"default","tag":"Use cases","count":13},{"language":"default","tag":"Recipes","count":12},{"language":"default","tag":"Compare","count":10},{"language":"default","tag":"Account","count":8},{"language":"default","tag":"Prompting","count":8},{"language":"default","tag":"Chat \u0026 agent","count":7},{"language":"default","tag":"Getting started","count":7},{"language":"default","tag":"Introduction","count":7},{"language":"default","tag":"Publish","count":7}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableContextualStarterQuestions":false,"enableAskAiSearchBar":true,"deflection":{"enabled":true,"email":"support@mythex.ai"}},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-updated-9-15","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[{"filePath":"style.css","content":".nav-logo{height:2.25rem}"}],"page":{"pagePath":"recipes/redesign-your-ui","slug":"/recipes/redesign-your-ui","pageMetadata":{"title":"Redesign your UI","description":"Prompt pattern to redesign your Mythex app's UI — refresh spacing, typography and button styles one page at a time without removing features or routes.","href":"/recipes/redesign-your-ui"},"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: \"Prompt pattern to redesign your Mythex app’s UI — refresh spacing, typography and button styles one page at a time without removing features or routes.\"\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={a:`a`,code:`code`,li:`li`,p:`p`,pre:`pre`,span:`span`,ul:`ul`,..._provideComponents(),...props.components},{CodeBlock,Heading}=_components;if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);if(!Heading)_missingMdxReference(`Heading`,true);return _jsxs(_Fragment,{children:[_jsx(Heading,{level:`1`,id:`redesign-your-ui`,children:`Redesign your UI`}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`5`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`5`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Redesign the current [PAGE] to feel more premium.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Keep all routes and copy meaning the same.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Improve spacing, typography hierarchy, and button styles.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Do not remove features.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsx(_components.p,{children:`Prefer one page or section per turn. Use Preview (including phone frame) before a full-site redesign.`}),`\n`,_jsx(Heading,{level:`2`,id:`related`,children:`Related`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:_jsx(_components.a,{href:`/prompting/design-and-ui`,children:`Design \u0026 UI prompts`})}),`\n`,_jsx(_components.li,{children:_jsx(_components.a,{href:`/prompting/iterate`,children:`Iterate`})}),`\n`,_jsx(_components.li,{children:_jsx(_components.a,{href:`/features/chat`,children:`Chat`})}),`\n`]})]})}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":"Redesign your UI","description":"Prompt pattern to redesign your Mythex app's UI — refresh spacing, typography and button styles one page at a time without removing features or routes.","href":"/recipes/redesign-your-ui"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Redesign your UI","slug":"redesign-your-ui","depth":1,"children":[]},{"title":"Related","slug":"related","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"mythex","siteName":"Mythex Docs","title":"Redesign your UI - Mythex Docs","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-09-26T06:10:43.978Z","originalFileLocation":"recipes/redesign-your-ui.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=\"system\"}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=\"Prompt pattern to redesign your Mythex app\u0026#x27;s UI — refresh spacing, typography and button styles one page at a time without removing features or routes.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Mythex Docs\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/mythex/FUoOWKHMGGxrRG1c/_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/mythex/FUoOWKHMGGxrRG1c/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/mythex/FUoOWKHMGGxrRG1c/_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/mythex/FUoOWKHMGGxrRG1c/_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/mythex/FUoOWKHMGGxrRG1c/_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/mythex/FUoOWKHMGGxrRG1c/_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/mythex/FUoOWKHMGGxrRG1c/_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/mythex/FUoOWKHMGGxrRG1c/_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/mythex/FUoOWKHMGGxrRG1c/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Redesign your UI - Mythex Docs\">\u003cmeta data-mint-head property=\"og:description\" content=\"Prompt pattern to redesign your Mythex app\u0026#x27;s UI — refresh spacing, typography and button styles one page at a time without removing features or routes.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Mythex Docs\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.mythex.ai/recipes/redesign-your-ui\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://mythex.ai/og.png\">\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=\"Redesign your UI - Mythex Docs\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Prompt pattern to redesign your Mythex app\u0026#x27;s UI — refresh spacing, typography and button styles one page at a time without removing features or routes.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://mythex.ai/og.png\">\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/mythex/FUoOWKHMGGxrRG1c/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Mythex Docs\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#FB7185\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.mythex.ai/recipes/redesign-your-ui\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/recipes/redesign-your-ui.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.mythex.ai/#organization\",\"name\":\"Mythex Docs\",\"url\":\"https://docs.mythex.ai\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/mythex/MYcuk9m9jCDpCwdy/logo-light.svg?fit=max\u0026auto=format\u0026n=MYcuk9m9jCDpCwdy\u0026q=85\u0026s=746dd9cba067524d2d5c1eba821e3166\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.mythex.ai#website\",\"name\":\"Mythex Docs\",\"url\":\"https://docs.mythex.ai\",\"publisher\":{\"@id\":\"https://docs.mythex.ai/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.mythex.ai/recipes/redesign-your-ui#webpage\",\"url\":\"https://docs.mythex.ai/recipes/redesign-your-ui\",\"name\":\"Redesign your UI\",\"description\":\"Prompt pattern to redesign your Mythex app's UI — refresh spacing, typography and button styles one page at a time without removing features or routes.\",\"dateModified\":\"2026-09-26T06:10:43.978Z\",\"isPartOf\":{\"@id\":\"https://docs.mythex.ai#website\"},\"breadcrumb\":{\"@id\":\"https://docs.mythex.ai/recipes/redesign-your-ui#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.mythex.ai/recipes/redesign-your-ui#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Recipes\",\"item\":\"https://docs.mythex.ai/recipes/integrate-any-api\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Build patterns\",\"item\":\"https://docs.mythex.ai/recipes/build-a-landing-page\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Redesign your UI\",\"item\":\"https://docs.mythex.ai/recipes/redesign-your-ui\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.mythex.ai/recipes/redesign-your-ui#article\",\"headline\":\"Redesign your UI\",\"name\":\"Redesign your UI\",\"description\":\"Prompt pattern to redesign your Mythex app's UI — refresh spacing, typography and button styles one page at a time without removing features or routes.\",\"url\":\"https://docs.mythex.ai/recipes/redesign-your-ui\",\"mainEntityOfPage\":{\"@id\":\"https://docs.mythex.ai/recipes/redesign-your-ui#webpage\"},\"image\":\"https://mythex.ai/og.png\",\"dateModified\":\"2026-09-26T06:10:43.978Z\",\"publisher\":{\"@id\":\"https://docs.mythex.ai/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.mythex.ai#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Mythex Docs\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Mythex Docs","nav":{"global":null,"groups":[{"group":"Introduction","pages":[{"title":"Welcome to Mythex","href":"/index"},{"title":"Why Mythex","href":"/introduction/why-mythex"},{"title":"What you can build","href":"/introduction/what-you-can-build"},{"title":"FAQ","href":"/introduction/faq"},{"title":"Support","href":"/introduction/support"},{"title":"Partner program","href":"/introduction/partners"},{"title":"Partner terms","href":"/introduction/partner-terms"}]},{"group":"Compare","pages":[{"title":"Mythex vs other AI builders","href":"/introduction/compare"},{"group":"vs AI builders","expanded":false,"pages":[{"title":"Mythex vs Lovable","href":"/introduction/mythex-vs-lovable"},{"title":"Mythex vs Bolt","href":"/introduction/mythex-vs-bolt"},{"title":"Mythex vs v0","href":"/introduction/mythex-vs-v0"},{"title":"Mythex vs Base44","href":"/introduction/mythex-vs-base44"}]},{"group":"vs visual / no-code","expanded":false,"pages":[{"title":"Mythex vs WeWeb","href":"/introduction/mythex-vs-weweb"},{"title":"Mythex vs Bubble","href":"/introduction/mythex-vs-bubble"},{"title":"Mythex vs Softr","href":"/introduction/mythex-vs-softr"}]},{"group":"vs IDEs","expanded":false,"pages":[{"title":"Mythex vs Replit","href":"/introduction/mythex-vs-replit"},{"title":"Mythex vs Cursor","href":"/introduction/mythex-vs-cursor"}]}]},{"group":"Getting started","pages":[{"title":"Create an account","href":"/getting-started/create-account"},{"title":"Your first project","href":"/getting-started/first-project"},{"title":"Website \u0026 app templates","href":"/features/website-templates"},{"title":"Dashboard \u0026 projects","href":"/getting-started/dashboard"},{"title":"Projects library","href":"/getting-started/projects-library"},{"title":"From idea to live app","href":"/getting-started/idea-to-live-app"},{"title":"Quick start","href":"/getting-started/quickstart"}]},{"group":"Use cases","pages":[{"title":"Use cases","href":"/use-cases/overview"},{"group":"Websites","expanded":false,"pages":[{"title":"Build a landing page with Mythex","href":"/use-cases/build-a-landing-page"},{"title":"Build a waitlist with Mythex","href":"/use-cases/build-a-waitlist"},{"title":"Build a portfolio site with Mythex","href":"/use-cases/build-a-portfolio"},{"title":"Build a booking page with Mythex","href":"/use-cases/build-a-booking-page"},{"title":"Build a store or catalog with Mythex","href":"/use-cases/build-a-store"}]},{"group":"Apps \u0026 tools","expanded":false,"pages":[{"title":"Build a dashboard with Mythex","href":"/use-cases/build-a-dashboard"},{"title":"Build an internal tool with Mythex","href":"/use-cases/build-an-internal-tool"},{"title":"Build an admin panel with Mythex","href":"/use-cases/build-an-admin-panel"},{"title":"Build a simple CRM with Mythex","href":"/use-cases/build-a-crm"},{"title":"Build a client portal with Mythex","href":"/use-cases/build-a-client-portal"},{"title":"Build a SaaS MVP with Mythex","href":"/use-cases/build-a-saas"},{"title":"Add AI inside your app with Mythex","href":"/use-cases/build-an-ai-app"}]}]},{"group":"Workspace","pages":[{"title":"Workspace overview","href":"/features/overview"},{"group":"Chat \u0026 agent","expanded":true,"pages":[{"title":"Chat","href":"/features/chat"},{"title":"Memory and knowledge","href":"/features/memory"},{"title":"Generate images","href":"/features/generate-images"},{"title":"Subagents","href":"/features/subagents"},{"title":"Voice input","href":"/features/voice-input"},{"title":"App Testing","href":"/features/app-testing"},{"title":"Secrets in chat","href":"/features/secrets-in-chat"}]},{"group":"Preview \u0026 code","expanded":false,"pages":[{"title":"Preview and Code","href":"/features/preview-and-code"},{"title":"Code editor \u0026 LSP","href":"/features/code-editor"},{"title":"Multi-service apps","href":"/features/multi-service"}]},{"group":"Project data","expanded":false,"pages":[{"title":"Database","href":"/features/database"},{"title":"File storage","href":"/features/storage"},{"title":"Project settings","href":"/features/project-settings"},{"title":"Environment variables and secrets","href":"/features/env-and-secrets"}]},{"group":"Import \u0026 GitHub","expanded":false,"pages":[{"title":"GitHub, export, and import","href":"/features/github-and-export"},{"title":"After you import","href":"/features/after-import"}]},{"title":"Private workspace","href":"/features/sandbox"},{"title":"Connectors","href":"/features/connectors"},{"title":"MCP (Claude, Codex, Cursor)","href":"/features/mcp"},{"title":"MCP Inspector smoke checklist","href":"/features/mcp-inspector"},{"title":"How the tech is chosen","href":"/features/templates"}]},{"group":"Publish","pages":[{"title":"Publish overview","href":"/publish/overview"},{"title":"How to publish","href":"/publish/how-to-publish"},{"title":"Who can publish and open apps","href":"/publish/access-and-approvals"},{"title":"Unpublish \u0026 republish","href":"/publish/unpublish"},{"title":"Custom domains","href":"/publish/custom-domain"},{"title":"Hosting limits","href":"/publish/hosting-limits"},{"title":"Publish troubleshooting","href":"/publish/troubleshooting"}]},{"group":"Mobile apps","pages":[{"title":"Mobile apps","href":"/mobile/overview"},{"title":"Android \u0026 Google Play","href":"/mobile/android-google-play"},{"title":"iPhone \u0026 App Store","href":"/mobile/iphone-app-store"}]},{"group":"Recipes","pages":[{"group":"Connect services (BYO)","expanded":false,"pages":[{"title":"Integrate any API (secrets + agent)","href":"/recipes/integrate-any-api"},{"title":"Add login to your app (bring your own auth)","href":"/recipes/add-authentication"},{"title":"Accept payments with Stripe (bring your own keys)","href":"/recipes/add-stripe-payments"},{"title":"Send email from your app (bring your own provider)","href":"/recipes/send-email"},{"title":"Add AI features with your own API keys","href":"/recipes/add-ai-to-your-app"},{"title":"Handle webhooks in your backend","href":"/recipes/webhooks"}]},{"group":"Build patterns","expanded":true,"pages":[{"title":"Build a landing page (prompt recipe)","href":"/recipes/build-a-landing-page"},{"title":"Build a CRUD app","href":"/recipes/build-a-crud-app"},{"title":"REST API backend","href":"/recipes/rest-api-backend"},{"title":"SEO for your published app","description":"How to improve SEO for apps you publish on Mythex — titles, meta descriptions, Open Graph share previews, sitemap and robots.txt — and the limits of SPAs.","href":"/recipes/seo-for-your-app"},{"title":"Redesign your UI","href":"/recipes/redesign-your-ui"},{"title":"Debug your app","description":"How to debug your Mythex app — describe bugs with steps, expected and actual results, then use Preview, /test, /fix, terminal logs and checkpoint revert.","href":"/recipes/debug-your-app"}]}]},{"group":"Prompting","pages":[{"title":"Effective prompts","href":"/prompting/effective-prompts"},{"title":"Prompt patterns","href":"/prompting/patterns"},{"title":"Iterate without rebuilding","href":"/prompting/iterate"},{"group":"More prompting","expanded":false,"pages":[{"title":"Debugging with prompts","href":"/prompting/debugging"},{"title":"Design \u0026 UI prompts","href":"/prompting/design-and-ui"},{"title":"Mobile-responsive prompts","href":"/prompting/mobile-responsive"},{"title":"Security for apps you build","href":"/prompting/security-for-your-app"},{"title":"Using npm packages","href":"/prompting/npm-packages"}]}]},{"group":"Guides","pages":[{"title":"Export and run elsewhere","href":"/guides/export-and-run-elsewhere"},{"title":"Static websites on Mythex","href":"/guides/static-websites"},{"title":"API backends (Dockerfile)","href":"/guides/api-backends"},{"title":"Python backends on Mythex","href":"/guides/python-backend"}]},{"group":"Plans \u0026 billing","pages":[{"title":"Plans","href":"/billing/plans"},{"title":"Credits","href":"/billing/credits"},{"title":"Usage","href":"/billing/usage"},{"title":"Manage billing","href":"/billing/manage"},{"title":"Invite friends","href":"/billing/referrals"}]},{"group":"Account","pages":[{"title":"Sign in","href":"/account/sign-in"},{"title":"Security","href":"/account/security"},{"title":"Email verification","href":"/account/email-verification"},{"title":"Account settings","href":"/account/settings"},{"title":"Language","href":"/account/language"},{"title":"Notifications","href":"/account/notifications"},{"title":"Workspaces and teams","href":"/account/workspaces"},{"title":"Invites","href":"/account/invites"}]},{"group":"FAQ","pages":[{"title":"Credits FAQ","href":"/faq/credits"},{"title":"Publish FAQ","href":"/faq/publish"},{"title":"Domains FAQ","href":"/faq/domains"},{"title":"Account FAQ","href":"/faq/account"},{"title":"Collaboration FAQ","href":"/faq/collaboration"},{"title":"Troubleshooting FAQ","href":"/faq/troubleshooting"}]},{"group":"Reference","pages":[{"title":"Glossary","href":"/reference/glossary"},{"title":"Data ownership","href":"/reference/data-ownership"},{"title":"Limits \u0026 fair use","href":"/reference/limits-and-fair-use"}]}]},"basePath":"","title":"Redesign your UI - Mythex Docs","buildId":"dpl_G9nrg4qeJSZtah1Ziwbc2n6WkLch","deploymentId":"dpl_G9nrg4qeJSZtah1Ziwbc2n6WkLch","dynamics":[],"chunks":[]}
