Design onboarding flows, empty states, and guided tours for web and mobile apps.
npx skills add https://github.com/jimiryquai/pi-agent --skill onboard-jimiryquai
Please help me install this Agent Skill. Skill: onboard Source: https://github.com/jimiryquai/pi-agent/tree/main/skills/onboard Command: npx skills add https://github.com/jimiryquai/pi-agent --skill onboard-jimiryquai
Designing onboarding flows, empty states, and first-time experiences can be challenging and inconsistent across products, slowing user adoption and value realization.
Begin by gathering context with the Context Gathering Protocol and applying frontend design principles to draft the initial onboarding flow.
High-intent search queries and answers about installing and using this skill.
Design onboarding flows by applying progressive disclosure, contextual hints, and guided tours to reduce friction. This approach ensures new users understand core functionalities quickly without feeling overwhelmed by too much information at once.
Design empty states for first-time user experiences by using them as contextual hints to guide initial interactions. This onboarding pattern sets clear expectations and directs users toward their first successful action within the application.
Yes, you can create guided tours for both web and mobile apps. The design patterns apply cross-platform to help product teams craft consistent initial interactions and speed up user adoption regardless of the device.
Gather context before designing an onboarding flow by running the Context Gathering Protocol. This mandatory preparation step aligns the product context and frontend design principles before drafting the initial user journey.
Use progressive disclosure in product onboarding to reduce cognitive load and speed up user adoption. By revealing features progressively as users need them, you maintain a clear flow and improve overall time-to-value.
danielzmeowNormalize UI features to align with design system standards and patterns.
tanaka-mambingeDesign onboarding flows with empty states, guided tours, and success metrics.
riabtsevDesign onboarding flows, empty states, and first-run experiences with progressive disclosure.
eykdDesign onboarding flows, empty states, and first-time user experiences.
