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

# Recipes

> Pre-configured app starters with guided setup steps and built-in integrations

Recipes are curated app starters designed for common business use cases. Each recipe comes with pre-connected integrations, a guided setup flow, and example schemas that get you to a working app faster than building from scratch.

***

## What is a recipe?

A recipe is a pre-configured starting point for building an app. Unlike templates (which are full app copies), recipes provide:

* **Integration requirements** — A list of services the app needs (e.g., Stripe, Jira, Salesforce)
* **Guided setup steps** — A step-by-step walkthrough that appears in the editor sidebar
* **Pre-defined structure** — Database schemas, API patterns, and UI layouts tailored to the use case
* **Tags and categories** — Organized by use case for easy browsing

Recipes are maintained by the Vybe team and community. They represent proven patterns for building specific types of internal tools.

***

## Browsing recipes

<Steps>
  <Step title="Open the New App dialog">
    Click **New App** from your workspace. The recipe gallery is displayed alongside the option to start from scratch.
  </Step>

  <Step title="Filter by category or integration">
    Use the category filters to narrow down recipes by use case. You can also filter by integration type if you know which services you want to connect.
  </Step>

  <Step title="Review and select a recipe">
    Each recipe card shows the name, description, required integrations, and tags. Click on a recipe to create your app with that starter configuration.
  </Step>
</Steps>

***

## Following recipe steps

After creating an app from a recipe, a sidebar panel appears in the editor with the recipe's setup steps. These steps guide you through configuring the app for your specific setup.

### Step-by-step guidance

Recipe steps typically include:

1. **Connect integrations** — Link the required services (e.g., "Connect your Stripe account")
2. **Configure data sources** — Set up which data the app should pull from your connected services
3. **Customize the app** — Adjust the UI, add filters, or modify the layout to match your workflow
4. **Test the app** — Verify that data is flowing correctly and the app works as expected

### Tracking progress

Each step has a checkbox you can mark as complete as you work through the setup. This helps you track where you are in the configuration process, especially for recipes with multiple integration requirements.

<Tip>
  You do not need to follow recipe steps in exact order. If you already have an integration connected, you can skip that step. The steps are guidance, not requirements.
</Tip>

***

## Example recipes

Here are some common recipes available in the gallery:

| Recipe                         | Integrations | Description                                                   |
| ------------------------------ | ------------ | ------------------------------------------------------------- |
| **Jira Bug Tracker Dashboard** | Jira         | View and manage open bugs, filter by priority and assignee    |
| **Stripe Chargeback Manager**  | Stripe       | Track disputes, manage evidence submission, monitor win rates |
| **Salesforce Pipeline View**   | Salesforce   | Visualize your sales pipeline with filtering by stage and rep |
| **HubSpot Contact Explorer**   | HubSpot      | Search, filter, and manage contacts from your CRM             |
| **Slack Channel Analytics**    | Slack        | Monitor message activity and engagement across channels       |

The recipe gallery is regularly updated with new starters based on common use cases.

***

## Recipes vs. templates vs. from scratch

| Aspect             | Recipe                                     | Template                             | From Scratch                      |
| ------------------ | ------------------------------------------ | ------------------------------------ | --------------------------------- |
| **Starting point** | Guided setup with integration requirements | Full app copy you can modify         | Blank canvas                      |
| **Setup guidance** | Step-by-step sidebar walkthrough           | None — you start with a complete app | None — you describe what you want |
| **Integrations**   | Pre-defined, connected during setup        | Included from the source app         | You choose as you build           |
| **Best for**       | Known use cases with specific integrations | Reusing a proven app design          | Unique or custom requirements     |

***

## Building on a recipe

Once you have completed the recipe steps, the app is yours to customize. You can:

* Ask the AI to add new features beyond what the recipe provides
* Modify the UI, add pages, or change the data model
* Connect additional integrations not included in the original recipe
* Use the app as a foundation and iterate from there

The recipe's guided steps remain available in the sidebar as a reference, even after you have completed them.

***

## What's next

* Learn about templates for reusable app blueprints: [Templates](/building-apps/templates)
* Customize AI behavior for your app: [Custom Instructions](/building-apps/custom-instructions)
* Connect additional integrations: [Integration Basics](/integrations/integration-basics)