onboard - Design and improve onboarding flows and empty states.
Design onboarding flows, empty states, tooltips, and interactive walkthroughs to guide users to value quickly.
Tags
Updated: 2026-09-19Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Assess onboarding needs and user context
- Design product onboarding and welcome screens
- Create empty state interface specifications
- Design contextual tooltips and feature announcements
- Structure guided tours and interactive tutorials
- Implement onboarding state tracking logic
- Verify onboarding quality and completion metrics
Inputs
- Target feature or onboarding area
- User experience level and motivation
- Product aha moment and key action
- Existing design context and principles
Outputs
- Onboarding flow designs and copy
- Empty state UI specifications
- Contextual tooltip and tour structures
- Onboarding state storage code patterns
- Onboarding quality evaluation metrics
Requirements
- frontend-design skill
- teach-impeccable skill
- Browser LocalStorage support
- Tooltip or tour library integration