onboard

Design onboarding flows, feature discovery, and first-time user guidance.

4|Updated Oct 28, 2019
One-click install
npx skills add https://github.com/cfbender/dotfiles --skill onboard-cfbender
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: onboard
Source: https://github.com/cfbender/dotfiles/tree/main/dot_agents/skills/onboard
Command: npx skills add https://github.com/cfbender/dotfiles --skill onboard-cfbender

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the challenge of users struggling to understand and adopt new products or features by designing and improving onboarding flows, empty states, and first-time user experiences.

Core Features & Use Cases

  • Onboarding Strategy: Helps define user needs, understand user profiles, and set clear success metrics for onboarding.
  • Experience Design: Provides principles and patterns for creating effective initial product onboarding, feature discovery, guided tours, and interactive tutorials.
  • Empty State Design: Offers guidance on creating informative and actionable empty states within an application.
  • Use Case: A SaaS company wants to reduce churn by ensuring new users quickly understand the value of their project management tool. This Skill can be used to design a welcoming onboarding flow that guides users through creating their first project and inviting a team member.

Quick Start

Design an onboarding flow for a new user joining a project management tool, focusing on getting them to create their first project.

Frequently Asked Questions about onboard

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design an onboarding flow that reduces user churn?

Designing an onboarding flow to reduce churn involves focusing on "Time to Value" and guiding users to complete core actions quickly. This approach uses interactive tutorials and initial product flows to accelerate user adoption and understanding.

What are the best practices for designing empty states in an application?

Designing effective empty states requires making them informative and actionable to guide first-time users. This approach uses principles like "Show, Don't Tell" and "Context Over Ceremony" to help users understand what to do next within the application.

How does feature discovery improve first-time user experience?

Feature discovery improves first-time user experience by using guided tours and tooltips to highlight functionality. This approach applies principles like "Show, Don't Tell" to accelerate user adoption and ensure users understand the product's value.

Can I use this approach to define success metrics for user onboarding?

Yes, you can define user needs, understand user profiles, and set clear success metrics for onboarding. This strategy ensures your initial product flows and interactive tutorials are aligned with measurable user adoption goals.

What is the best way to guide new users to create their first project?

The best way to guide new users is through a welcoming onboarding flow that focuses on "Time to Value." By using interactive tutorials and feature discovery, you can efficiently guide users through creating their first project and inviting team members.

What principles should guide the design of first-time user guidance?

First-time user guidance should be guided by the principles of "Show, Don't Tell," "Time to Value," and "Context Over Ceremony." These principles ensure interactive tutorials and tooltips accelerate user adoption without unnecessary friction.