Find the screen your team needs.

✦ Built with AI

{"steps":[{"user":"Show this account's opportunities on the Account page in a table with the stage, amount and close date."},{"ai":"I'll start by exploring the project to understand what we're working with."},{"more":2},{"tool":{"src":"Skill","k":"avonni-dynamic-components"}},{"more":3},{"tool":{"src":"Avonni MCP","k":"list_components","arg":"dynamic"}},{"tool":{"src":"Avonni MCP","k":"get_component_docs","arg":"dcDatatable"}},{"more":1},{"tool":{"src":"Salesforce CLI","k":"sf sobject list","arg":"","n":2}},{"tool":{"src":"Salesforce CLI","k":"sf sobject describe","arg":"Opportunity"}},{"more":1},{"ai":"Plan: Account Opportunities table. Does this look right, or would you like changes before I build it?","files":[]},{"user":"Looks good, go ahead."},{"ai":"Plan approved."},{"more":2},{"tool":{"src":"Skill script","k":"query-versions"}},{"tool":{"src":"Skill script","k":"create-component"}},{"more":1},{"tool":{"src":"Skill script","k":"create-component"}},{"ai":"Done: Account Opportunities table.","files":["avdynamic__AvonniDynamicComponent.Account_Opportunities_1.md-meta.xml"]}],"result":{"label":"Salesforce · Lakeshore Cold Chain","video":"https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/6ab5600557a7d8a9dfb712f6_uc-ai-opportunity-table-clip.mp4"}}

✦ Built with AI

{"steps":[{"user":"Create a screen flow where the customer rates the service from 1 to 5 stars with the Avonni Rating component, then sees a thank you screen that repeats the rating."},{"ai":"I'll use the Avonni flow components skill for this."},{"tool":{"src":"Skill","k":"avonni-flow-components"}},{"more":3},{"tool":{"src":"Avonni MCP","k":"list_components","arg":"flow"}},{"tool":{"src":"Avonni MCP","k":"get_component_docs","arg":"rating"}},{"tool":{"src":"Avonni MCP","k":"get_component_docs","arg":"illustration"}},{"ai":"Flow: Service Rating (Service_Rating): Screen Flow, 2 screens. Does this look right, or would you like changes (labels, illustration style, icon, scale)?","files":[]},{"user":"Looks good, go ahead."},{"ai":"Validation passes."},{"tool":{"src":"Skill script","k":"create-flow"}},{"more":2},{"tool":{"src":"Skill script","k":"create-flow"}},{"more":2},{"tool":{"src":"Skill script","k":"fix-flow"}},{"ai":"Created: force-app/main/default/flows/Service_Rating.flow-meta.xml.","files":["Service_Rating.flow-meta.xml"]}],"result":{"label":"Salesforce · Service Rating flow","video":"https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/6ab56005872210fc093c99fd_uc-ai-service-rating-clip.mp4"}}

✦ Built with AI

{"steps":[{"user":"Show this account's cases on the Account page as a list with the subject, status and priority, newest first."},{"ai":"I'll start by exploring the project to understand what we're working with."},{"more":2},{"tool":{"src":"Skill","k":"avonni-dynamic-components"}},{"more":3},{"tool":{"src":"Avonni MCP","k":"list_components","arg":"dynamic"}},{"tool":{"src":"Avonni MCP","k":"get_component_docs","arg":"dcList"}},{"more":1},{"tool":{"src":"Salesforce CLI","k":"sf sobject list","arg":"","n":2}},{"tool":{"src":"Salesforce CLI","k":"sf sobject describe","arg":"Case"}},{"more":1},{"ai":"Plan: \"Account Cases\" Dynamic Component. Does this look right?","files":[]},{"user":"Looks good, go ahead."},{"ai":"Plan confirmed."},{"more":2},{"tool":{"src":"Skill script","k":"query-versions"}},{"tool":{"src":"Skill script","k":"create-component"}},{"more":1},{"tool":{"src":"Skill script","k":"create-component"}},{"more":1},{"ai":"Done: validation passed and the component was saved.","files":["avdynamic__AvonniDynamicComponent.Account_Cases_1.md-meta.xml"]}],"result":{"label":"Salesforce · Lakeshore Cold Chain","video":"https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/6ab560057a0645c8d51662d0_uc-ai-case-list-clip.mp4"}}

✦ Built with AI

{"steps":[{"user":"Create a screen flow where the user sets a project budget with an Avonni Slider, then sees the amount on a summary screen."},{"ai":"I'll use the Avonni flow components skill for this."},{"tool":{"src":"Skill","k":"avonni-flow-components"}},{"more":2},{"tool":{"src":"Avonni MCP","k":"list_components","arg":"flow"}},{"more":1},{"tool":{"src":"Avonni MCP","k":"get_component_docs","arg":"slider"}},{"tool":{"src":"Avonni MCP","k":"get_component_docs","arg":"metric"}},{"ai":"Both components confirmed via MCP. Does this look right, or would you like changes (different range/step, a different currency, extra detail on the summary screen)?","files":[]},{"user":"Looks good, go ahead."},{"ai":"Now I'll add the second screen and the two Avonni component fields."},{"tool":{"src":"Skill script","k":"create-flow"}},{"more":2},{"tool":{"src":"Skill script","k":"create-flow"}},{"more":2},{"tool":{"src":"Skill script","k":"fix-flow"}},{"ai":"Done: force-app/main/default/flows/Project_Budget.flow-meta.xml.","files":["Project_Budget.flow-meta.xml"]}],"result":{"label":"Salesforce · Project Budget flow","video":"https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/6ab5600557a7d8a9dfb7130b_uc-ai-project-budget-clip.mp4"}}

✦ Built with AI

{"steps":[{"user":"Create a screen flow where the user picks an appointment date on an Avonni Date Picker, then confirms on a summary screen."},{"ai":"I'll use the Avonni flow components skill for this."},{"tool":{"src":"Skill","k":"avonni-flow-components"}},{"more":3},{"tool":{"src":"Avonni MCP","k":"list_components","arg":"flow"}},{"tool":{"src":"Avonni MCP","k":"get_component_docs","arg":"calendar"}},{"tool":{"src":"Avonni MCP","k":"get_component_docs","arg":"formattedValue"}},{"tool":{"src":"Avonni MCP","k":"get_component_docs","arg":"scopedNotification"}},{"tool":{"src":"Avonni MCP","k":"list_interactions","arg":"flow"}},{"ai":"Plan: Screen flow \"Appointment Booking\". Does this look right?","files":[]},{"user":"Looks good, go ahead."},{"ai":"Now I'll add the second screen and the Avonni component fields."},{"tool":{"src":"Skill script","k":"create-flow"}},{"more":2},{"tool":{"src":"Skill script","k":"create-flow"}},{"more":2},{"tool":{"src":"Skill script","k":"fix-flow"}},{"ai":"Validation passes: 4 Avonni fields, no errors.","files":["Appointment_Booking.flow-meta.xml"]}],"result":{"label":"Salesforce · Appointment Booking flow","video":"https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/6ab5441f0bc0a2b5dcd0f03f_uc-ai-appointment-flow-clip.mp4"}}

✦ Built with AI

{"steps":[{"user":"Show the account's contacts on the Account page as cards with their title, email and phone."},{"ai":"This is a single Avonni Dynamic Component on the Account record page."},{"more":2},{"tool":{"src":"Skill","k":"avonni-dynamic-components"}},{"more":2},{"tool":{"src":"Avonni MCP","k":"list_components","arg":"dynamic"}},{"more":1},{"tool":{"src":"Avonni MCP","k":"get_component_docs","arg":"dcList"}},{"more":1},{"tool":{"src":"Salesforce CLI","k":"sf sobject list","arg":""}},{"tool":{"src":"Salesforce CLI","k":"sf sobject describe","arg":"Contact"}},{"ai":"Plan: Account Contacts cards. Does this look right, or would you like changes before I build it?","files":[]},{"user":"Looks good, go ahead."},{"ai":"Plan approved."},{"more":3},{"tool":{"src":"Skill script","k":"query-versions"}},{"tool":{"src":"Skill script","k":"create-component"}},{"more":1},{"tool":{"src":"Skill script","k":"create-component"}},{"ai":"Done: Account Contacts cards.","files":["avdynamic__AvonniDynamicComponent.Account_Contact_Cards_1.md-meta.xml"]}],"result":{"label":"Salesforce · Lakeshore Cold Chain","video":"https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/6ab5442097e30bcb6f94684e_uc-ai-contact-cards-clip.mp4"}}