design-onboard

Design onboarding flows, empty states, and first-time user experiences.

Updated Feb 8, 2026
One-click install
npx skills add https://github.com/eykd/vance-ts --skill design-onboard
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-onboard
Source: https://github.com/eykd/vance-ts/tree/main/.claude/skills/design-onboard
Command: npx skills add https://github.com/eykd/vance-ts --skill design-onboard

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the challenge of creating effective onboarding flows, empty states, and first-time user experiences, helping users get started successfully and understand the value quickly.

Core Features & Use Cases

  • Onboarding Flow Design: Assist in building first-run experiences, empty states, and feature discovery flows.
  • Context Gathering: Facilitate gathering necessary information and design principles through protocols and design tools.
  • User Experience Improvement: Enhance the understanding and adoption of the product through optimized onboarding.

Quick Start

Utilize the design-onboard skill to design an onboarding flow for a new feature in your product.

Frequently Asked Questions about design-onboard

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

FAQPage Schema
How do I design an onboarding flow for a new product feature?

Designing an onboarding flow requires applying design principles and anti-patterns to build first-run experiences, empty states, and feature discovery. This helps users understand product value quickly and ensures successful first-time user experiences.

What is the best way to improve user adoption and product education?

Improving user adoption involves optimizing first-time user experiences through structured context gathering protocols. By enhancing user understanding via well-designed empty states and onboarding flows, products can effectively facilitate user education and accelerate adoption.

How do empty states affect first-time user experience?

Empty states significantly impact first-time user experience by guiding users when no content exists yet. Properly designed empty states act as onboarding touchpoints, applying design principles to enhance user understanding and drive feature discovery during initial product interaction.

Can I use this onboarding design approach for product management workflows?

Yes, this onboarding design approach directly supports product management and design workflows. It requires user interaction and design tools to gather context, applying design principles and anti-patterns to create effective onboarding experiences for new features.

What are common anti-patterns in user onboarding flows?

Common onboarding anti-patterns include overwhelming users with too much information upfront or failing to provide clear empty states. Avoiding these through proper context gathering protocols and design principles ensures users understand product value quickly without friction.