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

# Common Prompt Patterns

> Real examples of effective prompts

Here are proven patterns for common tasks. Use these as templates and customize them for your needs.

## Building Dashboards

### Product Dashboard

```
Create a dashboard that shows all products from my Odoo inventory. 
Display product name, quantity available, and price in a grid layout. 
Add filters to search by product name and filter by category.
```

### Sales Dashboard

```
Build a sales dashboard showing total revenue, number of orders, 
and top customers. Pull data from Odoo. Display charts for revenue 
over time and a table of recent orders.
```

## Creating Forms

### Customer Registration

```
Create a customer registration form with fields for name, email, 
phone number, and company. When submitted, save the data to 
Airtable in the "Customers" table. Show a success message 
after submission.
```

### Order Form

```
Build an order form that lets users select products from Odoo, 
enter quantities, and submit. Calculate the total automatically 
as products are added. Save the order to Odoo when submitted.
```

## Displaying Lists

### Product List

```
Show a list of all products from Odoo. Display product image, 
name, price, and stock quantity. Make each product clickable 
to view details. Add pagination to show 20 products per page.
```

### Customer List

```
Create a customer list page showing all customers from Airtable. 
Display name, email, phone, and company. Add a search bar that 
filters customers as I type.
```

## Adding Search

### Product Search

```
Add a search bar at the top of the product page that filters 
products by name as the user types. Show results instantly 
without clicking a button. Highlight matching text in results.
```

### Global Search

```
Create a search feature that searches across products, customers, 
and orders. Show results grouped by type. Make results clickable 
to go to the detail page.
```

## Creating Detail Pages

### Product Details

```
Create a product detail page that shows full product information 
from Odoo including images, description, price, stock, and 
specifications. Add an "Add to Cart" button.
```

### Customer Details

```
Build a customer detail page showing customer information and 
all their orders. Display order date, total, and status. 
Link each order to the order detail page.
```

## Adding Filters

### Category Filter

```
Add filter buttons above the product list to filter by category. 
Show "All", "Electronics", "Clothing", etc. Highlight the 
active filter.
```

### Date Range Filter

```
Add date range filters to the orders page. Let users select 
start and end dates. Filter orders to show only those within 
the selected range.
```

## Working with Integrations

### Displaying Odoo Data

```
Show all products from my Odoo inventory. Display name, price, 
and quantity available. Update automatically when products 
change in Odoo.
```

### Saving to Airtable

```
Create a form that saves submissions to Airtable. Map form 
fields to Airtable columns: name → Name, email → Email, 
message → Message.
```

### Notion Integration

```
Display pages from my Notion database. Show page title, 
last edited date, and a link to view the full page.
```

## Adding Interactivity

### Click Actions

```
When a user clicks a product card, navigate to the product 
detail page. Show a loading state while fetching product data.
```

### Form Submission

```
When the contact form is submitted, validate all fields, 
show a loading spinner, then display a success message. 
If there's an error, show an error message.
```

### Real-time Updates

```
Update the cart count in the header whenever an item is 
added to the cart. Show a notification when items are added.
```

## Modifying Existing Features

### Updating Styles

```
Update the product cards to have a more modern design. 
Add hover effects and better spacing. Use a card layout 
with rounded corners.
```

### Adding Functionality

```
Add the ability to edit customer information. Add an "Edit" 
button that opens a form pre-filled with current data. 
Save changes back to Odoo when submitted.
```

### Improving UX

```
Add loading states to all data fetching. Show a spinner 
while loading and a message if there's an error. Make 
sure users know something is happening.
```

## Tips for Customizing

* **Replace placeholders** - Swap "products" with your data type
* **Add specifics** - Include your integration names
* **Describe layout** - Mention grid, list, or card layouts
* **Specify behavior** - Explain what should happen on interactions

## Next Steps

<CardGroup cols={2}>
  <Card title="Best Practices" icon="lightbulb" href="/prompting/best-practices">
    Learn how to write effective prompts
  </Card>

  <Card title="What to Avoid" icon="x-circle" href="/prompting/what-to-avoid">
    Common mistakes to avoid
  </Card>
</CardGroup>
