agentsclimarketplace
Sign in

Onboarding patterns

Skill Dragoon0x/everything-design-taste/skills/onboarding-patterns

User onboarding flows, progressive disclosure, first-run experience, empty states, and activation strategies.From its SKILL.md

Install
npx -y skills add Dragoon0x/everything-design-taste --skill onboarding-patterns

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 9 stars9 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

1.7 KB, 328 tokens by cl100k_base, as published. Nobody here has run it

Onboarding Patterns

The Goal

Get users to their first value moment as fast as possible. Not to explain every feature.

First Value Moment

  • Identify the ONE action that makes users understand the product's value
  • Design every onboarding step to get them there
  • Measure time-to-value, not completion rate

Patterns

Progressive Onboarding

Don't explain everything upfront. Introduce features when the user first encounters them.

  • Contextual tooltips on first encounter
  • Empty states that teach by showing the first action
  • Feature discovery that unfolds over days, not minutes

Setup Wizard

For products that require configuration before use.

  • Maximum 3-5 steps
  • Show progress
  • Allow skipping (with sensible defaults)
  • Save progress automatically
  • The easiest step first (build momentum)

Product Tour

  • Maximum 3-5 stops
  • Highlight one feature per stop
  • Allow skipping at any point
  • Never block the UI
  • Show only on first visit (or after major updates)

Empty States

Empty states ARE onboarding. Design them as invitations:

  • Illustration (optional): Set the mood
  • Headline: What this area is for
  • Body: One sentence on the benefit
  • CTA: The single action to start ("Create your first project")

Anti-Patterns

  • Forcing account creation before showing any value
  • Asking for unnecessary permissions upfront
  • Multi-screen feature tours nobody reads
  • Collecting profile info that isn't needed yet
  • Video tutorials as the only onboarding method

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.

Keep looking

Skills are one crate of 325,949. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.