Prompt Library

Copy-paste prompts for building Experience Site pages with Avonni components, organized by goal.

🚧 Early access. Build with AI is rolling out gradually and improving with every release. Something unclear, missing, or broken? Tell us: your feedback directly shapes what we improve next.

Every prompt on this page is ready to paste into Claude, Cursor, or GitHub Copilot once your assistant is set up. Copy one, swap in your own objects and fields, and send. The assistant verifies every component and interaction against the MCP server before generating, so you can be ambitious.

How to adapt a prompt: replace the objects (Case, Order, Account) and groupings with yours, and describe the outcome you want. You don't need to name properties or settings: the assistant looks up what exists and configures it. Data visibility follows your org's sharing rules: portal users only see records they have access to.

Customer support portal

The pages your customers visit when something needs fixing.

Add a Kanban of the customer's Cases grouped by status to my support page.

Add a case list to my support portal page, with a button that opens a screen flow in a dialog for creating a case.

Add a Data Table of the customer's Cases with a Download action for the attached file on each row.

Self-service account pages

Let customers find their own answers before they open a case.

Add a Data Table of the customer's open Orders to the account page, and navigate to the record when a row is clicked.

Add a Profile Card showing the logged-in user's details at the top of the page.

Add a Record Detail of the customer's subscription with the key fields.

Content and engagement

Make the site feel alive, not like a database with a login.

Add a Banner with a title, a background image, and a call-to-action button to the home page.

Add a Gallery of product images to the home page.

Add a Feed and a Publisher to the community page so members can post and comment.

Add a Video Player with our onboarding video to the getting-started page.

Navigation and structure

Add a Navigation menu with links to the support, orders, and account pages.

Organize the FAQ page content into an Accordion with a section per topic.

Add Tabs to the account page separating orders, invoices, and settings.

Complete use cases

When a request spans several artifacts, avonni-architect plans and builds all the pieces in the right order.

Add a case list to my support portal page, and a screen flow for creating a case that opens from a button.

Build an order tracking experience: a Data Table of the customer's Orders, and a screen flow in a side panel to report a problem with an order.

---

Make these prompts yours

• Name real objects and fields. "A Data Table of Order records filtered on the logged-in user's account" beats "a table of orders".
• Iterate in the same conversation. Follow up with "change the grouping to priority" or "add a search bar": the assistant updates the same page.
• Think portal-first. Say who sees the page ("customers", "partners") and the assistant configures the data scope accordingly, within your sharing rules.

Not set up yet? The whole thing takes a few minutes: Setup.