> ## Documentation Index
> Fetch the complete documentation index at: https://docs.polymet.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Prompt library: six prompts and what each one built

> Six prompts you can copy, each shown with the screen it produced, how long it took and what it cost in credits.

Six prompts, each with the result it produced. Every screen here is the first generation of the prompt as written, with one exception noted below. Copy one, change the names to yours, and send it from the projects page.

The times and credits are what each run took when we made this page. Yours will differ a little, and so will the design.

## A phone app flow

Three linked screens as one prototype. 85 credits, under five minutes.

```text theme={null}
Fresh Bowl is a mobile web app for ordering a healthy lunch in under a
minute. Build only the core flow as a prototype with three linked pages,
designed for a phone first:

1. Menu: six lunch bowls in a list, each with a photo, name, one-line
   description, price and an add button. A sticky "View cart" button at
   the bottom shows the item count and total.
2. Cart: the chosen bowls with quantity steppers, subtotal, delivery fee
   and total, and one main button, "Checkout".
3. Checkout: delivery address, a delivery time choice (ASAP or a time
   slot), a saved card ending 4242, and one main button, "Pay" with the
   total.

After paying, show an order confirmed state with an estimated arrival time.

Style: warm and clean. Off-white background, one orange accent for the
main action, dark ink text, generous spacing, rounded cards, large tap
targets. One main action per screen. No profiles, notifications or reviews.
```

![Three phone screens of a lunch ordering app: a menu of bowls, a cart with a total, and a checkout](https://mintcdn.com/polymet/DrFFR1dAltUlhtUR/images/docs/guides/prototype-three-screens.webp?fit=max\&auto=format\&n=DrFFR1dAltUlhtUR\&q=85\&s=bab0eaac02037e19b9e739cd9b3cf08a)

**Why it works:** it numbers the screens, names the one main button on each, and ends with what to leave out. A published copy from a second run of this prompt is at [fresh-bowl-blog-cs4oh13v.polymet.app](https://fresh-bowl-blog-cs4oh13v.polymet.app). The full walkthrough is [Prototype an app idea](https://docs.polymet.ai/guides/tutorials/prototype-an-app-idea.md).

## A dashboard with loading states and a phone layout

One page with a sidebar, stat cards, tabs and a table, plus a sheet, a dialog and a toast. 126 credits, about five minutes.

```text theme={null}
Orbit is a project tracker for small product teams. Build one responsive
dashboard page.

Layout: a left sidebar with the logo, five navigation links and the
signed-in user's avatar at the bottom. A top bar with a breadcrumb
(Workspace / Projects), a search field and a "New project" button. Below
it: four stat cards, tabs (All, Active, Archived), and a table of eight
projects with name, owner avatar, a status badge (On track, At risk,
Blocked), a progress bar and a due date.

Behaviour:
- A "Reload" button in the top bar shows the loading state for two
  seconds: skeleton placeholders that match the stat cards and table rows
  exactly, with a slow shimmer. Add a small toggle next to it, "Spinner",
  that shows a centred spinner instead of the skeleton during loading.
- "New project" opens a sheet from the right with a short form.
- The row menu has "Archive", which shows a toast, and "Delete", which
  opens a confirm dialog.
- On a phone the sidebar becomes a menu button, the stat cards stack two
  by two, and the table becomes a list of cards.

Style: dark and precise. Near-black background, soft violet as the one
accent, thin borders, small caps labels, tabular numbers.
```

![A dark project tracker dashboard with a sidebar, a top bar with search and a New project button, four stat cards, tabs and a table of projects with owners, status badges and progress bars](https://mintcdn.com/polymet/DrFFR1dAltUlhtUR/images/docs/guides/prompt-library-dashboard.webp?fit=max\&auto=format\&n=DrFFR1dAltUlhtUR\&q=85\&s=ec8f743870be4d2e0d7345482fc891bf)

**Why it works:** layout, behaviour and style are three separate blocks, and every component is called by its name. **What it missed:** the prompt describes the phone and the desktop, not the width in between, and at tablet width the top bar cut off a button. One follow-up prompt fixed it. The exception: the people's names in this screenshot were changed with a follow-up prompt before we took it.

## A pricing page

Three plans with a recommended one, a comparison table and a guarantee. 88 credits, about four minutes.

```text theme={null}
Design a pricing page for small business owners. Three plans: Starter,
Growth and Scale, with monthly and yearly prices. Mark Growth as "Most
popular" and make it stand out. Give each plan one line on who it is for,
such as "For solo founders". Under the cards, add a comparison table, a
money-back guarantee and a row of customer logos.
```

![A pricing page with a headline, a monthly and yearly switch, and three plan cards: Starter, Growth marked Most popular on a dark green card, and Scale](https://mintcdn.com/polymet/DrFFR1dAltUlhtUR/images/docs/guides/prompt-library-pricing-page.webp?fit=max\&auto=format\&n=DrFFR1dAltUlhtUR\&q=85\&s=af9528e73172204ed14f6b6fd82663ae)

**Why it works:** it names the plans, says which one to recommend and lists what goes under the cards. It names no product, so the agent made one up. Name yours.

## A dashboard from your own data

Attach a CSV, then send this. 58 credits, about three minutes.

```text theme={null}
Build a dashboard from the attached CSV. It holds eight weeks of daily
numbers for Fresh Bowl, a lunch delivery app: orders, revenue, average
delivery time and repeat customers.

One page, for a laptop first:
- Four stat cards for the last 28 days: orders, revenue, average delivery
  time, and repeat rate (repeat customers divided by orders). Each shows
  the change against the 28 days before.
- A line chart of orders per day for all eight weeks.
- A bar chart of revenue per week.
- A table of the last 14 days with every column.

Use the real numbers from the file, not sample data. Style: light and
calm, white cards on a pale grey page, one deep green accent, tabular
numbers.
```

![A light dashboard with four stat cards, a line chart of orders per day and a bar chart of revenue per week](https://mintcdn.com/polymet/DrFFR1dAltUlhtUR/images/docs/guides/dashboard-from-csv-result.webp?fit=max\&auto=format\&n=DrFFR1dAltUlhtUR\&q=85\&s=e15fb43199e082feaeebb28da58541ec)

**Why it works:** it defines the one number the file does not hold, and it says to use the file's numbers. The full walkthrough, with how to check them, is [Dashboard from a CSV](https://docs.polymet.ai/guides/tutorials/dashboard-from-a-csv.md).

## A do and don't page

Three patterns, each built next to its opposite, as working fields and forms. 47 credits, about four minutes.

```text theme={null}
Build one page called "Pattern lab" that demonstrates three interface
patterns, each in its own section with a short heading. Desktop width,
centred column, max 960px.

1. Forgiving format. Two date fields side by side, both labelled
   "Departure date". The left one, captioned "Forgiving", accepts dashes,
   dots or slashes and on blur rewrites the value as MM/DD/YYYY with a
   small green check. The right one, captioned "Strict", only accepts
   MM/DD/YYYY and shows a red error message for anything else. Prefill
   both with 12-15-2026 so the difference shows on load, as if the user
   had just left each field.

2. Honest checkout. Two order summaries side by side for the same $40
   purchase. The left one, captioned "Dark pattern", has a pre-ticked
   "Add protection plan $6.99" checkbox, a "Service fee $4.50" line that
   looks like an afterthought, and a tiny grey "No thanks" link. The
   right one, captioned "Honest", shows the full price up front, the
   protection plan unticked, and no surprise fee.

3. One primary action. Two versions of the same "Invite teammates" card
   side by side. The left one, captioned "Three equal buttons", has Send
   invites, Copy link and Skip all styled the same. The right one,
   captioned "One primary", has Send invites as the only filled button
   and the other two quiet.

Style: editorial and light. Warm paper background, near-black ink, a
serif for headings, one cobalt blue accent, hairline borders, generous
white space.
```

![Two order summaries side by side for the same \$40 purchase: one with a pre-ticked add-on and a faint fee totalling \$51.49, one showing \$40.00 up front](https://mintcdn.com/polymet/DrFFR1dAltUlhtUR/images/docs/guides/prompt-library-do-and-dont.webp?fit=max\&auto=format\&n=DrFFR1dAltUlhtUR\&q=85\&s=f4a5a2e416fc4d232b158cafbedcabab)

**Why it works:** each pair is described as the same thing twice with one difference, down to the amounts. Use this shape for a design review, a guidelines page or a talk.

## A component sheet built on theme tokens

Buttons, an input, a select, a card, badges and tabs that all follow two tokens. 32 credits, under two minutes.

```text theme={null}
Build one page that is a component sampler for a small design system.
Show, in a tidy grid with a small label above each group: buttons in
three sizes with primary, outline and ghost variants; a text input with a
label and helper text; a select; a card with a title, two lines of text
and a primary button; three badges; and tabs. Every component must take
its primary color and corner radius from the theme tokens, not hard-coded
values. Primary color #FF6600, corner radius 8px. Style: quiet and
neutral, white cards on a very light grey page, system-like sans-serif,
no decoration.
```

![A sheet of components: orange buttons in three sizes and three variants, a card with a Save changes button, an email input, a role select, three badges and tabs](https://mintcdn.com/polymet/DrFFR1dAltUlhtUR/images/docs/guides/prompt-library-component-sampler.webp?fit=max\&auto=format\&n=DrFFR1dAltUlhtUR\&q=85\&s=5cfe8212826d5dc929546398c5aaad8d)

**Why it works:** "from the theme tokens, not hard-coded values" is a condition you can test. Changing the two tokens afterwards took one sentence, and every component followed.

## Related

* [Write better prompts](https://docs.polymet.ai/guides/prompting/write-better-prompts.md): the habits behind these prompts
* [Prompt the agent](https://docs.polymet.ai/agent/prompt.md): attachments, quick questions and limits
* [Select and edit with AI](https://docs.polymet.ai/edit/select-and-edit.md): fix one element after the first result
* [How credits work](https://docs.polymet.ai/plans/credits.md): what a generation spends


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.