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.
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.
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