Skip to main content
Give Rocket something to work with. Have a screenshot of an app you like? A product catalog in a spreadsheet? A blog post in Markdown? Upload it and Rocket analyzes the content, then generates an app that uses it.Pair it with a description for even better results.

​
Supported attachments

Image typeHow Rocket uses itBest for
UI screenshotsAnalyzes layout, colors, and component patternsBuilding something that looks like an app you saw
Design referencesMatches the visual style and design languageBuilding from Dribbble, Behance, or Pinterest inspiration
MockupsFollows the full visual design closelyTurning static designs into working code
Supported formats: .png, .jpg, .jpeg, .ico
Max file size: 5 MB per attachment. One attachment at a time.

​
What you can build

Screenshot an app and tell Rocket to build something similar with your own content and branding.Try this prompt:
Build an app like this screenshot but for a pet care business. Keep the layout and navigation style but use my brand colors (teal and white).
Found a design you love? Upload it and Rocket analyzes the UI and builds a matching app.Try this prompt:
Build a landing page that matches this design style. Use the same card layout, gradient backgrounds, and typography hierarchy.
Upload a static mockup and Rocket generates a fully functional app that matches the design.Try this prompt:
Build this dashboard design as a working web app. Make the charts interactive, the sidebar navigation functional, and add a date range filter.
Upload a product catalog, pricing list, or dataset and Rocket builds pages from the real data.Try this prompt:
Build a product listing page using the data in this spreadsheet. Show each product with its name, price, and description in a card grid.
Upload a brief, spec, or report and Rocket extracts the content to build from.Try this prompt:
Build a landing page for this product using the content from this PDF. Pull the headline, features, and pricing from the document.
Upload a blog post, documentation page, or content outline and Rocket turns it into a styled page.Try this prompt:
Turn this Markdown file into a blog post page with a header image, reading time estimate, and author byline.

​
Detailed walkthrough

​
Before you begin

You will need:
  • A rocket.new account, signed in.
  • An image (.png, .jpg, .jpeg, .ico) or file (.pdf, .xlsx, .xls, .csv, .md) under 5 MB.
1

Go to Rocket

Visit rocket.new and sign in.
Rocket homepage with the input field and attachment button.Rocket homepage with the input field and attachment button.
2

Attach a file

Click the + button at the lower left of the input box and select Add files & photos. You can also drag and drop or paste an image directly into the chat.
The + button and Add files and photos option in the Rocket input box.The + button and Add files and photos option in the Rocket input box.
3

Add instructions

Describe what you want built alongside the attachment:
  • “Build an app that looks like this screenshot”
  • “Create a product page using the data in this spreadsheet”
  • “Turn this Markdown file into a blog post with a clean layout”
  • “Use this PDF to build a landing page with the product features”
4

Generate the app

Press Enter. Rocket analyzes the attachment and builds from your file and prompt.If your prompt is specific enough, it starts immediately. If it is too vague, Rocket asks a short set of clarifying questions first, then starts.

Clarifying questions

How Rocket decides when to ask questions and what to do with your answers.

​
Prompt cookbook

Pair these prompts with your uploaded attachment:
GoalPrompt
Exact recreationBuild an app that looks exactly like this image. Match the layout, colors, and components.
Style match, new contentUse this design style but build a CRM dashboard for tracking sales leads and deals.
Mockup to appTurn this mockup into a fully functional web app with working navigation and interactive elements.
Data-driven pageBuild a product listing page from this spreadsheet with name, price, and description for each item.
Content pageTurn this Markdown file into a styled blog post with a header, reading time, and share buttons.
PDF to landing pageBuild a landing page using the features and pricing from this PDF document.
Different brandingUse this design layout but replace all content and branding for my company called "Flowboard."
Multiple screensThis image shows 3 screens of my app. Build all of them with navigation between each screen.

​
Tips for better results

  • Clear images produce better results. High-contrast screenshots and crisp mockups outperform blurry or low-resolution images.
  • Add context in your prompt. The attachment shows Rocket what to work with. Your prompt tells it what to build and who it is for.
  • Real content beats placeholders. Upload your actual spreadsheet, document, or screenshot instead of describing the data in text.
  • Crop out noise from images. Remove browser chrome, desktop wallpaper, or unrelated UI elements before uploading.

​
What’s next?

Iterate with chat

Refine your app using natural language. Change colors, add features, fix bugs.

Visual edit

Click any element to change text, colors, layout, and spacing directly.

Connectors

Add payments, databases, AI, email, and more with a single prompt.

Launch your app

Publish to the web with one click and connect a custom domain.