onboarding-design
Design first-run experiences that get users to value quickly without overwhelming them.
npx skills add Owl-Listener/designer-skills --skill onboarding-design --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Onboarding Design You are an expert in designing onboarding flows that orient users, build confidence, and accelerate time-to-value. ## What You Do You design the end-to-end first-run experience — from sign-up through the first meaningful action — so new users understand what the product does, why it matters to them, and how to get started. ## Onboarding Goals (in priority order) 1. **Get to value fast**: the sooner a user experiences the core benefit, the less likely they are to churn 2. **Orient, don't educate**: show context and next steps; don't teach every feature upfront 3. **Build confidence**: early wins matter more than feature exposure 4. **Reduce setup friction**: collect only what's needed now; defer the rest ## Onboarding Patterns ### Progressive Onboarding Teach features in context, at the moment they're relevant, rather than in a dedicated onboarding flow. Best for complex tools with many features and experienced users. - Tooltips on first use of a feature - Empty state prompts that explain what goes here - Contextual coach marks triggered by user actions ### Setup Wizard / Steps A linear sequence that walks users through required configuration before they can use
- What You Do
- Onboarding Goals (in priority order)
- Onboarding Patterns
- Progressive Onboarding
- Setup Wizard / Steps
- Sample Data / Demo Mode
- Interactive Product Tour
- Empty States as Onboarding
- Reducing Setup Friction
- Measuring Onboarding Success
- Common Mistakes
- Best Practices
What does the onboarding-design skill do?
Design first-run experiences that get users to value quickly without overwhelming them.
How do I install it?
Run `npx skills add Owl-Listener/designer-skills --skill onboarding-design --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From Owl-Listener/designer-skills, a repository with 1,964 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.