Replit Agent prompts for apps, dashboards and websites

Copy-paste Replit Agent prompts for SaaS apps, dashboards, landing pages, login and onboarding, each paired with a design template so your Replit app looks professional, not generic.

Updated Replit templates
Pixel SaaS landing page

Replit SaaS landing page prompt

A full landing page for a SaaS product: hero, logos, features, how it works, pricing, FAQ and a closing call to action.

Template: Pixel SaaS landing page

“Build a landing page for [product name], a SaaS product that helps [audience] [main outcome]…”

Full Replit prompt with a licence
Dark gradient hero

Replit hero section prompt

A hero section that explains the product in one line and gets the click, with a product visual and social proof.

Template: Dark gradient hero

“Build the hero section for [product name], which helps [audience] [main outcome]…”

Full Replit prompt with a licence
Three tier pricing section

Replit pricing page prompt

A pricing page with three plans, a monthly and yearly toggle, a comparison table and a pricing FAQ.

Template: Three tier pricing section

“Build a pricing page for [product name]…”

Full Replit prompt with a licence
SaaS analytics dashboard

Replit SaaS dashboard prompt

An app dashboard with sidebar navigation, key metrics, a chart, a recent activity table and empty states.

Template: SaaS analytics dashboard

“Build the main dashboard for [product name], used by [user type] to [main job]…”

Full Replit prompt with a licence
Login page

Replit login and signup page prompt

Sign in, sign up and forgot password screens with social login, clear errors and a branded side panel.

Template: Login page

“Build the sign in, sign up and forgot password pages for [product name]…”

Full Replit prompt with a licence
Onboarding role selection

Replit onboarding flow prompt

A short onboarding flow: welcome, role, goals and a first-step checklist that gets new users to value fast.

Template: Onboarding role selection

“Build the onboarding flow new users see after sign up for [product name]…”

Full Replit prompt with a licence
AI chat interface

Replit AI chat app prompt

A ChatGPT-style AI chat app: conversation list, streaming answers, suggested prompts and a clean message box.

Template: AI chat interface

“Build an AI chat app called [product name] that helps [audience] with [topic]…”

Full Replit prompt with a licence
Mobile app landing page

Replit app landing page prompt

A landing page for a mobile app with phone mockups, feature screens, reviews and App Store and Google Play buttons.

Template: Mobile app landing page

“Build a landing page for [app name], a mobile app that helps [audience] [main outcome]…”

Full Replit prompt with a licence
Designer portfolio website

Replit portfolio website prompt

A personal portfolio site with selected work, case study pages, an about section and a contact form.

Template: Designer portfolio website

“Build a portfolio website for [name], a [role] who wants [type of client or job]…”

Full Replit prompt with a licence
Account settings page

Replit settings page prompt

Account, billing, team and notification settings pages with a settings sidebar and clear save states.

Template: Account settings page

“Build the settings area for [product name]…”

Full Replit prompt with a licence
Waitlist landing page

Replit waitlist page prompt

A pre-launch waitlist page that collects emails, shows the product and gives people a reason to share.

Template: Waitlist landing page

“Build a pre-launch waitlist page for [product name], launching [launch date]…”

Full Replit prompt with a licence
App launch video

Replit product launch video prompt

A short launch video built in code: hook, product name, three feature scenes and a closing line, exported as MP4.

Template: App launch video

“Adapt the launch video template for [product name], which helps [audience] [main outcome]…”

Full Replit prompt with a licence
AI chatbot landing page

Replit redesign prompt

Redesign an existing vibe-coded site or app to match a professional template, without breaking content or routes.

Template: AI chatbot landing page

“Redesign this [site or app] so it looks professional, using the template as the new design…”

Full Replit prompt with a licence

Every Replit prompt above shows its opening line for free. The full prompts, and the templates they are written for, come with a BrowserMoon licence.

Get a licence

What makes a good Replit prompt?

Replit Agent builds the whole app, front end, back end and database, so a good first prompt saves hours. These Replit prompts describe the app and its pages and hand Agent a BrowserMoon design template, so it spends its effort on the features and the result still looks designed.

How to use these Replit prompts

1

Pick the prompt for your page

Choose the Replit prompt for the page you are building, from a SaaS landing page to a login screen or an AI chat app.

2

Copy the template it uses

Each prompt is written to go with the template shown on its card. Copy that template, or any template from the Replit templates page.

3

Give Replit the design

I have pasted a BrowserMoon design template below. Use it as the design for the whole app: match its fonts, spacing, colours, corner radius and components.

4

Fill in the brackets and send

Replace the parts in brackets, like [product name] and [audience], with your own details. The prompt ends with: “Start with the plan, then build the first working version and give me the preview link.”

Which Replit prompt to start with

Start with the SaaS dashboard prompt if your app is a tool people log into, or the SaaS landing page prompt if you need to sell it first. Replit Agent plans the whole app from your first prompt, so describe the app clearly and paste the template in the same message.

Why Replit needs a design in the prompt

Replit Agent builds complete apps with a React front end, an Express or Python back end and a database, then deploys them. It spends its effort on making things work, so the design is often an afterthought: plain forms, default buttons, little spacing.

These prompts bring the design into the plan. They describe the app and its pages, hand Agent a BrowserMoon template and set clear rules, so the app Agent builds works and looks like a product people would pay for.

What is inside every Replit prompt

Each prompt on this page is built from the same five parts. The page-specific part changes per prompt; the rest is written for how Replit works.

  1. 1. What to buildThe product, the audience and the outcome the page must deliver, in one or two sentences.
  2. 2. Every section, in orderEach section named with what goes in it, so nothing is left for the tool to invent.
  3. 3. The designI have pasted a BrowserMoon design template below. Use it as the design for the whole app: match its fonts, spacing, colours, corner radius and components.
  4. 4. The design ruleskeep one accent colour, use the template's type scale and spacing exactly, give every section generous white space, keep body text at least 15px, and make every layout work at 375px wide with no horizontal scroll.
  5. 5. The stack and how to finishBuild a React front end with Tailwind CSS and an Express API with a Postgres database. Start with the plan, then build the first working version and give me the preview link.

Tips for writing Replit prompts

Describe the app, then the design

Agent plans the whole app from the first prompt. Say what the app does and who uses it, then paste the design template.

Approve the plan

Read Agent's plan before it starts. Remove features you do not need yet; a smaller first version looks and works better.

Use checkpoints

Replit saves checkpoints as it works. If a change breaks the design, roll back instead of asking it to fix forward.

Ask for real data

Tell Agent which data must be saved. It sets up the database and the API with the pages.

What to ask Replit after the first prompt

  • Keep the design exactly as it is and add a settings page with profile, billing and team tabs.
  • Save the form data in the database and show it in a table on the dashboard.
  • Deploy the app and give me the link.
  • Check every page on a phone screen and fix layouts that break.

Common Replit prompt mistakes

Approving the plan without reading it

Remove features you do not need yet. A smaller first version looks better and costs less.

Fixing forward after a bad change

Roll back to the last checkpoint instead of asking Agent to repair a broken layout.

Describing the design in words

Words like modern and clean mean nothing to Agent. Paste a template it can copy.

Mixing design and features in follow-ups

Ask for one feature or one design change per message so Agent does not rewrite pages.

Who these Replit prompts are for

Replit Agent is used by makers who want the whole app built and hosted in one place: front end, back end, database and deployment. These Replit prompts are for anyone who has a working Replit app that looks unfinished, or who wants the next one to look right from the start.

More templates for these Replit prompts

A prompt says what to build; a template shows Replit what it should look like. These templates also fit the prompts above.

AI chatbot landing page

Website template

AI prompt input hero

Website template

Pricing comparison table

Website template

SaaS finance dashboard

Website template

Signup page

Website template

Onboarding role selection

Website template

All Replit templates

Frequently asked questions

What is a good prompt for Replit Agent?

One that says what the app does, who uses it, the pages it needs and the data it saves, plus a design template to follow. Agent turns that into a plan and a working app.

How do I make a Replit app look professional?

Paste a design template in the first prompt and tell Agent to match its fonts, spacing and colours. Without it, Agent uses a plain default look.

Can these prompts build the back end too?

Yes. They ask Replit for a React front end, an Express API and a Postgres database, so the pages work with real data.

What if Replit Agent changes my design?

Roll back to the last checkpoint and add: keep the existing design exactly, only change what I ask for.

Do these prompts work for an existing Replit app?

Yes. Open the app, paste the prompt and template, and name the page to rebuild. Ask Agent to keep the data and back end as they are.

Can Replit deploy the app these prompts build?

Yes. Ask Agent to deploy when you are happy with the app; it sets up hosting on Replit.

Prompts for other AI coding tools