Star rating, built from one sentence

{"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"}}

top

The scenario

Screen one asks one question, How would you rate our service, with five stars and a help text that says what 1 and 5 mean. The customer taps a star, sees 4/5, and presses Next. Screen two thanks them with an illustration and shows the same four stars, read only, so they know what was sent.

How it was built

The prompt

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.

1. Claude Code with the Avonni Agent Skills and the Avonni MCP server, in an empty folder set up with the public guide. It chose the Flow Screen Components skill on its own.

2. It looked up rating and illustration in the Avonni catalog, then showed its plan and waited:

Looks good, go ahead.

3. It wrote the flow, checked it with the skill's validation script (3 Avonni fields, no errors) and deployed nothing. It also said the rating is not saved to a record yet, and offered to add that step.

4. We deployed the file unchanged and activated the flow. The clip above is that flow, used in the org.

Set up the Agent Skills

The configuration

rating with min: 1, max: 5, iconName: utility:favorite and required: true: five stars, no way to skip.
fieldLevelHelp: the scale is explained where the customer looks, not in a separate line of text.
illustration with variant: gone-fishing, a title and a short message: a real thank you screen, not a blank Finish.
A second rating with value: serviceRating.value and readOnly: true: the choice played back, no variable to create.

Step by step

The settings above are the ones that matter. The tutorial has the whole build: the objects and sample data behind the screen, every step in order, and what to check once it runs.

Open the tutorial

Runs on

Flow Screen Components Dynamic Components Experience Site Components LWC Components

Build it in your org.