Mobile-responsive prompts for Mythex — use the phone-size preview frame and a prompt that fixes small-screen layout. Android and iPhone apps are on Pro.
Mythex Preview includes a phone-size frame for responsive web layouts. A responsive layout is also what your Android and iPhone apps show, so getting it right here pays off twice.
Fix mobile layout on [PAGE]:- No horizontal scroll- Tap targets at least ~44px- Stack sections on small screens; keep desktop layout otherwiseVerify in the phone preview frame.
{"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":"prompting/mobile-responsive","slug":"/prompting/mobile-responsive","pageMetadata":{"title":"Mobile-responsive prompts","description":"Mobile-responsive prompts for Mythex — use the phone-size preview frame and a prompt that fixes small-screen layout. Android and iPhone apps are on Pro.","href":"/prompting/mobile-responsive"},"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: \"Mobile-responsive prompts for Mythex — use the phone-size preview frame and a prompt that fixes small-screen layout. Android and iPhone apps are on Pro.\"\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`,strong:`strong`,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:`mobile-responsive-prompts`,children:`Mobile-responsive prompts`}),`\n`,_jsxs(_components.p,{children:[`Mythex Preview includes a `,_jsx(_components.strong,{children:`phone-size frame`}),` for `,_jsx(_components.strong,{children:`responsive web`}),` layouts. A responsive layout is also what your `,_jsx(_components.a,{href:`/mobile/overview`,children:`Android and iPhone apps`}),` show, so getting it right here pays off twice.`]}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`6`,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:`6`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Fix mobile layout on [PAGE]:`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`- No horizontal scroll`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`- Tap targets at least ~44px`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`- Stack sections on small screens; keep desktop layout otherwise`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Verify in the phone preview frame.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsx(Heading,{level:`2`,id:`related`,children:`Related`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:_jsx(_components.a,{href:`/features/preview-and-code`,children:`Preview and Code`})}),`\n`,_jsx(_components.li,{children:_jsx(_components.a,{href:`/introduction/what-you-can-build`,children:`What you can build`})}),`\n`,_jsx(_components.li,{children:_jsx(_components.a,{href:`/prompting/design-and-ui`,children:`Design \u0026 UI prompts`})}),`\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":"Mobile-responsive prompts","description":"Mobile-responsive prompts for Mythex — use the phone-size preview frame and a prompt that fixes small-screen layout. Android and iPhone apps are on Pro.","href":"/prompting/mobile-responsive"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Mobile-responsive prompts","slug":"mobile-responsive-prompts","depth":1,"children":[]},{"title":"Related","slug":"related","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"mythex","siteName":"Mythex Docs","title":"Mobile-responsive prompts - Mythex Docs","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-10-22T18:14:59.587Z","originalFileLocation":"prompting/mobile-responsive.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=\"Mobile-responsive prompts for Mythex — use the phone-size preview frame and a prompt that fixes small-screen layout. Android and iPhone apps are on Pro.\">\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=\"Mobile-responsive prompts - Mythex Docs\">\u003cmeta data-mint-head property=\"og:description\" content=\"Mobile-responsive prompts for Mythex — use the phone-size preview frame and a prompt that fixes small-screen layout. Android and iPhone apps are on Pro.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Mythex Docs\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.mythex.ai/prompting/mobile-responsive\">\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=\"Mobile-responsive prompts - Mythex Docs\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Mobile-responsive prompts for Mythex — use the phone-size preview frame and a prompt that fixes small-screen layout. Android and iPhone apps are on Pro.\">\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/prompting/mobile-responsive\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/prompting/mobile-responsive.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/prompting/mobile-responsive#webpage\",\"url\":\"https://docs.mythex.ai/prompting/mobile-responsive\",\"name\":\"Mobile-responsive prompts\",\"description\":\"Mobile-responsive prompts for Mythex — use the phone-size preview frame and a prompt that fixes small-screen layout. Android and iPhone apps are on Pro.\",\"dateModified\":\"2026-10-22T18:14:59.587Z\",\"isPartOf\":{\"@id\":\"https://docs.mythex.ai#website\"},\"breadcrumb\":{\"@id\":\"https://docs.mythex.ai/prompting/mobile-responsive#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.mythex.ai/prompting/mobile-responsive#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Prompting\",\"item\":\"https://docs.mythex.ai/prompting/effective-prompts\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"More prompting\",\"item\":\"https://docs.mythex.ai/prompting/debugging\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Mobile-responsive prompts\",\"item\":\"https://docs.mythex.ai/prompting/mobile-responsive\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.mythex.ai/prompting/mobile-responsive#article\",\"headline\":\"Mobile-responsive prompts\",\"name\":\"Mobile-responsive prompts\",\"description\":\"Mobile-responsive prompts for Mythex — use the phone-size preview frame and a prompt that fixes small-screen layout. Android and iPhone apps are on Pro.\",\"url\":\"https://docs.mythex.ai/prompting/mobile-responsive\",\"mainEntityOfPage\":{\"@id\":\"https://docs.mythex.ai/prompting/mobile-responsive#webpage\"},\"image\":\"https://mythex.ai/og.png\",\"dateModified\":\"2026-10-22T18:14:59.587Z\",\"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","href":"/recipes/seo-for-your-app"},{"title":"Redesign your UI","href":"/recipes/redesign-your-ui"},{"title":"Debug your app","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","description":"How to write design and UI prompts for Mythex — steer typography, spacing and layout with concrete language, and say what to keep to avoid regressions.","href":"/prompting/design-and-ui"},{"title":"Mobile-responsive prompts","href":"/prompting/mobile-responsive"},{"title":"Security for apps you build","description":"Practical security habits for apps you build on Mythex — keep keys in secrets and server-side, rotate leaked keys, and don't invent compliance claims.","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":"Mobile-responsive prompts - Mythex Docs","buildId":"dpl_G9nrg4qeJSZtah1Ziwbc2n6WkLch","deploymentId":"dpl_G9nrg4qeJSZtah1Ziwbc2n6WkLch","dynamics":[],"chunks":[]}
