onboarding-ux

# Onboarding UX Audit a web app for onboarding gaps, then generate the in-app guidance to fix them. The goal: a new user should never stare at a blank screen wondering what to do. ## The Problem This Solves You've built the features. They work. But when a new user logs in for the first time, they see: - Empty tables with column headers and nothing else - Sidebars full of labels that mean nothing to them yet - No indication of where to start or what the app is for - Features they don't know exist because nothing points to them This skill finds those gaps and produces the content and code to fill them. ## Browser Tool Detection Same as ux-audit — detect Chrome MCP, Playwright MCP, or playwright-cli. See ux-audit's browser-tools.md reference if needed. ## URL Resolution Same as ux-audit — prefer deployed/live URL over localhost. Check wrangler.jsonc, CLAUDE.md, or running dev server. ## Workflow ### Phase 1: Audit — Find the Gaps Browse the app as a brand new user. On every page, evaluate: #### Empty States Navigate to every list/table/collection page. For each: | Check | Good | Bad | |-------|------|-----| | What does a zero-data page show? | "No clients yet. Add your first client to get started." + CTA button | Empty table with column headers, or blank white space | | Is there a clear action? | Button: "Add your first [thing]" | Nothing — user has to find the action in the nav or a menu | | Does it explain the feature? | "Clients are the people and businesses you ...