Loading...
Loading...
Found 63 Skills
Specifies design and user experience guidelines, including dark mode compatibility, responsive design, performance optimization, modern UI, and accessibility. This rule promotes a user-friendly and vi
First Time User Experience (FTUE) design that teaches through play, hooks players in 30 seconds, and retains them for lifeUse when "tutorial, onboarding, teach player, first time user, FTUE, new player experience, how to teach, teaching mechanics, tutorial level, intro sequence, player retention, drop-off, skip tutorial, contextual hints, help system, onboarding, tutorial, ftue, first-time-user-experience, player-retention, teaching, learning, progressive-disclosure, difficulty-curve, new-player-experience, hooks, engagement" mentioned.
Optional AI SDLC user-experience workflow. Use when an AI assistant needs to define actors, goals, user journeys, interaction steps, loading/empty/error/success states, recovery behavior, content intent, accessibility requirements, or UX acceptance evidence and route them into traceable human and machine artifacts. Supports `--quick-flow` for a focused journey slice and `--full-flow` for strict state, accessibility, and acceptance coverage.
Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully and understand value quickly.
When the user wants to optimize post-signup onboarding, user activation, first-run experience, or time-to-value. Also use when the user mentions "onboarding flow," "activation rate," "user activation," "first-run experience," "empty states," "onboarding checklist," "aha moment," or "new user experience." For signup/registration optimization, see signup-flow-cro. For ongoing email sequences, see email-sequence.
When the user wants to optimize any form that is NOT signup/registration — including lead capture forms, contact forms, demo request forms, application forms, survey forms, or checkout forms. Also use when the user mentions "form optimization," "lead form conversions," "form friction," "form fields," "form completion rate," or "contact form." For signup/registration forms, see signup-flow-cro. For popups containing forms, see popup-cro.
When the user wants to optimize signup, registration, account creation, or trial activation flows. Also use when the user mentions "signup conversions," "registration friction," "signup form optimization," "free trial signup," "reduce signup dropoff," "account creation flow," "people aren't signing up," "signup abandonment," "trial conversion rate," "nobody completes registration," "too many steps to sign up," or "simplify our signup." Use this whenever the user has a signup or registration flow that isn't performing. For post-signup onboarding, see onboarding. For lead capture forms (not account creation), see cro.
Use when animation causes user confusion, delays task completion, or creates frustration
Apply when product, UX, or feature-scope tradeoffs come up. Choose user delight over implementation convenience; ship fewer polished features over more rough ones.
Design forms that minimize friction, prevent errors, and guide users to successful completion.
Design meaningful interactions and microinteractions. Create delightful user experiences through thoughtful animation, feedback, and responsive interface design.
Create and optimize popups, modals, overlays, slide-ins, and banners to increase conversions without harming user experience or brand trust.