Can I use this for existing features instead of just new products?

Absolutely. The skill includes specific patterns for feature discovery, contextual tooltips, and progressive disclosure designed for established products.

Does it provide code for specific frontend libraries?

Yes, it offers implementation patterns compatible with popular libraries like Tippy.js, Intro.js, React Joyride, and Shepherd.js.

What are the core principles of empty state design in this skill?

It focuses on explaining what will be in the space, why it matters, and providing a direct call-to-action or template to help the user get started immediately.

How does the Onboard skill help with user retention?

By guiding users to their 'aha moment' faster and reducing friction during the first use, it significantly lowers initial drop-off rates and improves long-term adoption.

UX Onboarding Optimizer

Name: UX Onboarding Optimizer
Author: SHUAXINDIARY

bySHUAXINDIARY

0•

デザインツール

Designs and optimizes first-time user experiences, empty states, and guided product tours to accelerate time-to-value.

The Onboard skill empowers developers and designers to build seamless first-time user experiences that guide users toward their 'aha moment' with minimal friction. It provides structured guidance on creating interactive tutorials, contextual tooltips, and engaging empty states while adhering to principles of progressive disclosure and user-centric design. Whether you are launching a new product or refining an existing feature, this skill helps ensure users understand core value propositions quickly and intuitively without feeling overwhelmed by documentation.

主な機能

01Optimize initial account setup and welcome sequences for higher retention.

02Design interactive product walkthroughs and step-by-step guided tours.

03Create high-conversion empty states with clear value propositions and CTAs.

04Implement progressive disclosure patterns to reduce cognitive load.

05Provide technical implementation patterns for popular UI and tooltip libraries.

060 GitHub stars

ユースケース

01Introducing complex new features to existing users via contextual tooltips.

02Transforming blank dashboards into helpful starting points using template-driven empty states.

03Reducing user drop-off during the initial sign-up and product configuration phase.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add shuaxindiary/index-page onboard

For use in Claude.ai and ChatGPT