AgnosticUI Onboarding Playbook

Multi-step onboarding wizard across React, Vue, and Lit.

What's Included

• Three framework implementations (React, Vue, Lit)
• Timeline progress indicator
• Four-step flow: Welcome → Interests → Frequency → Complete
• LLM prompts for AI-assisted customization
• New components: SelectionButtonGroup and SelectionCardGroup

Components Used

• ag-button - Navigation
• ag-timeline - Progress tracking
• ag-icon - Step indicators
• ag-alert - Success messaging
• ag-selection-card-group - Interest cards (new)
• ag-selection-button-group - Frequency options (new)

AI Customization

Copy PROMPT-3-FRAMEWORKS.md into Claude or ChatGPT. Ask for modifications: "Add notification preferences step" or "Change the interest categories."

Framework-specific prompts available for Vue, React, and Lit.

Try It

Live examples and StackBlitz integrations: https://www.agnosticui.com/playbooks/onboarding.html

Source: https://github.com/AgnosticUI/agnosticui/tree/master/v2/playbooks/onboarding