> ## Documentation Index > Fetch the complete documentation index at: https://dhiwisepvtltd-5e04e6a4.mintlify.site/llms.txt > Use this file to discover all available pages before exploring further. # From an idea > Describe an app in plain language and Rocket.new generates the UI, routes, and logic for a working prototype. ## What you can build > **SaaS product** > > Subscription-based apps with dashboards, user accounts, and billing. > **E-commerce store** > > Product catalogs, shopping carts, and checkout flows. > **AI-powered app** > > Chat interfaces, content generators, and smart search tools. > **Dashboard or internal tool** > > Data dashboards, admin panels, and CRM systems. > **Landing page or website** > > Marketing sites, portfolios, blogs, and landing pages. > **Mobile app** > > Native mobile apps for iOS and Android with Flutter. ## How it works When you submit a prompt, Rocket scores it for clarity before starting work. * **Clear prompt.** Rocket starts building immediately. * **Vague prompt.** Rocket asks a short set of targeted questions first, then starts once it has enough to go on. The framework is assigned automatically based on your platform. You cannot change the framework after the task is created. ### Default frameworks | Platform | Framework | | :- | :- | | Web | Next.js | | Mobile | Flutter | ## Detailed walkthrough **Web Browser** ### Before you begin > [!NOTE] > > **You will need:** > > * A [rocket.new](https://rocket.new) account, signed in. **1. Go to Rocket** Visit **[rocket.new](https://rocket.new)** and sign in. On the homepage, click **Build** to start a new Build task. ![Rocket homepage with Build option selected to start a new Build task.](https://mintlify.s3.us-west-1.amazonaws.com/dhiwisepvtltd-5e04e6a4/images/build/create/from-an-idea/web-browser/homepage-light.webp) ![Rocket homepage with Build option selected to start a new Build task.](https://mintlify.s3.us-west-1.amazonaws.com/dhiwisepvtltd-5e04e6a4/images/build/create/from-an-idea/web-browser/homepage-dark.webp) Rocket homepage **2. Type your idea** After clicking **Build**, Rocket shows category tabs below the input: **Landing page**, **Dashboard**, **Website**, **SaaS**, **Mobile App**, and **E-commerce**. Click a tab to see example prompts, then click one to auto-fill it into the input. Or type your own idea directly. ![Build category tabs with example prompt suggestions. A suggestion is highlighted and auto-fills into the input.](https://mintlify.s3.us-west-1.amazonaws.com/dhiwisepvtltd-5e04e6a4/images/build/create/from-an-idea/web-browser/select-prompt-light.webp) ![Build category tabs with example prompt suggestions. A suggestion is highlighted and auto-fills into the input.](https://mintlify.s3.us-west-1.amazonaws.com/dhiwisepvtltd-5e04e6a4/images/build/create/from-an-idea/web-browser/select-prompt-dark.webp) Select a prompt or type your own **3. Send your prompt** Once your prompt is in the input field, click the **send** button or press Enter. ![Prompt filled in the input box with the send button highlighted.](https://mintlify.s3.us-west-1.amazonaws.com/dhiwisepvtltd-5e04e6a4/images/build/create/from-an-idea/web-browser/send-prompt-light.webp) ![Prompt filled in the input box with the send button highlighted.](https://mintlify.s3.us-west-1.amazonaws.com/dhiwisepvtltd-5e04e6a4/images/build/create/from-an-idea/web-browser/send-prompt-dark.webp) Send the prompt **4. Answer prompt intelligence (if prompted)** If your prompt is specific enough, Rocket skips this step and starts building right away. If it is too vague, prompt intelligence asks a short set of targeted questions about platform, audience, and must-have features. Answer them and Rocket starts immediately. > **[Prompt intelligence](https://dhiwisepvtltd-5e04e6a4.mintlify.site/getting-started/task/prompt-intelligence.md)** > > How Rocket decides when to ask questions and what to do with your answers. **5. Watch Rocket build** Rocket starts building immediately and shows progress in the chat. You will see each screen being generated with its status as it completes. > [!NOTE] > > If generation fails, click **Retry**. If it keeps failing, simplify your prompt and start a new build. **Mobile App** ### Before you begin > [!NOTE] > > **You will need:** > > * The Rocket app (iPhone or iPad) installed and signed in. **1. Open the Rocket app** Open the **Rocket** app on your iPhone or iPad and make sure you are signed in. ![Mobile app home screen with the idea input field ready to receive a prompt.](https://mintlify.s3.us-west-1.amazonaws.com/dhiwisepvtltd-5e04e6a4/images/build/create/from-an-idea/mobile-app/mobile-home-screen-in-rocket-app.webp) Mobile app home screen **2. Describe what you want to build** Type your idea in the chat field. Include the purpose, platform, and key features. Example: *A recipe app for home cooks. Browse by cuisine, save favorites, and follow step-by-step cooking mode. Mobile app for iOS and Android.* ![Mobile chat field where you enter your app idea for Rocket to build from.](https://mintlify.s3.us-west-1.amazonaws.com/dhiwisepvtltd-5e04e6a4/images/build/create/from-an-idea/mobile-app/idea-chat-prompt-in-rocket-app.webp) Enter idea on mobile **3. Answer prompt intelligence (if prompted)** If your prompt is specific enough, Rocket skips this step and starts building right away. If it is too vague, prompt intelligence asks a short set of targeted questions about platform, audience, and must-have features. Answer them and Rocket starts immediately. > **[Prompt intelligence](https://dhiwisepvtltd-5e04e6a4.mintlify.site/getting-started/task/prompt-intelligence.md)** > > How Rocket decides when to ask questions and what to do with your answers. **4. Watch Rocket build** Rocket starts building immediately and shows inline progress in the chat. You will see it working through each file in real time, generating components, merging code, and writing logic. ![Inline build progress in the mobile app showing current file and action.](https://mintlify.s3.us-west-1.amazonaws.com/dhiwisepvtltd-5e04e6a4/images/build/create/from-an-idea/mobile-app/generating-screens-in-rocket-app.webp) Build progress on mobile > [!NOTE] > > If generation fails, tap **Retry**. If it keeps failing, simplify your prompt and start a new build. ## Prompt cookbook Copy and paste these prompts to get started fast: | What you are building | Prompt | | :- | :- | | Personal portfolio | `Build a portfolio site with a hero section, project gallery with filters, an about page, and a contact form.` | | Habit tracker | `Create a habit tracker web app where users add daily habits, check them off, and see a weekly streak calendar.` | | Restaurant ordering | `Build a restaurant menu web app with categories, item details, a cart, and a checkout flow with delivery address input.` | | Social feed | `Create a social media feed web app with posts, likes, comments, user profiles, and a follow system.` | | Booking system | `Build a salon booking web app with service selection, time slot picker, confirmation page, and booking history.` | | Quiz app | `Create a trivia quiz mobile app with multiple categories, timed questions, a score tracker, and a leaderboard.` | | Blog platform | `Build a blog web app with an article editor, categories, tags, featured images, and a reading list.` | | CRM dashboard | `Create a CRM web app with a contact list, deal pipeline, activity log, and email integration.` | ## Tips for better results * **Specify the platform.** Say "web app" or "mobile app" so Rocket does not need to ask. * **Mention the purpose.** "Build a booking system for a hair salon" gives Rocket more context than "build a booking app." * **Include key features.** List the 3-5 most important features upfront. Rocket can add more later. * **State your preferences.** If you want dark mode, specific colors, or a particular layout style, say so in your first message. * **Start lean, then iterate.** Describe a focused core and add features through chat after the initial build. This produces cleaner results than asking for everything at once. ## What's next? > **[Iterate with chat](https://dhiwisepvtltd-5e04e6a4.mintlify.site/build/editor/chat.md)** > > Refine your app using natural language. Change colors, add features, and fix bugs through conversation. > **[Visual edit](https://dhiwisepvtltd-5e04e6a4.mintlify.site/build/editor/visual-edit.md)** > > Click any element to change text, colors, layout, and spacing directly. > **[Connectors](https://dhiwisepvtltd-5e04e6a4.mintlify.site/build/connectors/overview.md)** > > Add payments, databases, AI, email, and more with a single prompt. > **[Launch your app](https://dhiwisepvtltd-5e04e6a4.mintlify.site/build/launch-web/launch-your-site.md)** > > Publish to the web with one click and connect a custom domain. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.