dsg-onboard
CommunityOnboard users quickly with clear value
Design & Creative#onboarding#user-experience#tooltips#progressive-disclosure#guided-tour#empty-states
Author180VRisLife
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Onboarding is often the make-or-break moment for new users: without clear guidance, first-time interactions fail to convey value and lead to drop-off. This guide provides a framework to design onboarding that communicates value quickly, reduces cognitive load, and guides users toward their first success.
Core Features & Use Cases
- Show, Don't Tell: Demonstrate functionality through real, interactive examples rather than long descriptions.
- Time to Value: Front-load essential concepts and enable a quick early win.
- Context Over Ceremony: Trigger guidance at moments of need and leverage empty states as onboarding opportunities.
- Guided Tours & Interactive Tutorials: Provide short, hands-on walkthroughs with sample data and a clear objective.
- Empty State Design: Use descriptive messaging, visuals, and a clear call to action to help users start.
- Help Patterns: Contextual tips, learn more links, and skip options for experienced users.
Quick Start
Outline an onboarding flow for a new feature, including an empty-state message and a short guided tour, then implement the first three steps.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: dsg-onboard Download link: https://github.com/180VRisLife/.claude/archive/main.zip#dsg-onboard Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.