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

# Quickstart: build an app

> Turn an idea for a dashboard, a bot or a site into a working app that runs on your own accounts, starting from a ready-made template or from a prompt.

OpenFinance can build apps as well as trade. Describe what you want in the chat, and Build mode writes the code, runs it and shows you a live preview. When you like it, ship it to your own GitHub and Vercel.

You can start in one of two ways.

> [card] [From a template](https://docs.openfinance.tech/mainframe/overview.md)
>
> Pick a ready-made tool or site in Mainframe and deploy it. Fastest way to something that works.

> [card] [From a prompt](https://docs.openfinance.tech/product/build-mode.md)
>
> Describe exactly what you want in Build mode and shape it by chatting.

## Build from a prompt

Templates have their own guide in Mainframe. Starting from a prompt works like this:

**1. Switch to Build**

Open [openfinance.tech/chat](https://openfinance.tech/chat) and choose **Build** in the toggle at the top.

**2. Describe the app**

Be specific about what it shows and what it does. For example:

```text theme={"system"}
Build a one-page dashboard that shows live BTC, ETH and SOL prices and funding rates from Hyperliquid, refreshing every 10 seconds, with a dark theme.
```

**3. Watch it build**

A checklist shows each stage. When the build is done, the preview opens next to the chat.

**4. Ask for changes**

Keep chatting: "add a chart under each price", "make the table sortable". Each change updates the preview.

**5. Ship it**

Connect GitHub and Vercel once, then click **Push** or **Deploy**, or simply ask "Deploy this app to Vercel." A deploy gives the app a permanent address on your own Vercel account.

![Chat page with the Build toggle selected and the message box reading Describe what you want to build or fix](https://mintcdn.com/openfinance/-pu5SodoQuhEwuR-/images/screens/chat-build-mode.png?fit=max\&auto=format\&n=-pu5SodoQuhEwuR-\&q=85\&s=3e29c88cbc951d2b8b40b29ab2d0c997)

Build selected in the top bar of the chat

## Next

> [card] [Build mode](https://docs.openfinance.tech/product/build-mode.md)
>
> The preview, the Build panel and shipping in detail.

> [card] [Mainframe](https://docs.openfinance.tech/mainframe/overview.md)
>
> Templates you can deploy and change.

> [card] [Connectors](https://docs.openfinance.tech/product/connectors.md)
>
> Connect GitHub and Vercel before you ship.


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