Onboarding Ux
This one finds the parts of your app where new users get stuck, then writes the content and code to fix it. It browses your app looking for empty states that just show blank tables, features buried in menus, forms with no help text, and dashboards that don't explain what to do first. Then it generates actual components: empty state screens with helpful copy and CTAs, welcome banners or onboarding checklists, feature tour configurations, tooltips for complex fields. The audit phase is thorough, checking everything from first impression to keyboard shortcut discoverability. Pairs well with ux-audit, which finds usability problems while this one builds the guidance systems to prevent them.
- skills.sh installs
- 1.1K
- GitHub stars
- 1.1K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add jezweb/claude-skills --skill onboarding-ux --agent claude-codeInstalls into .claude/skills of the current project.
Files
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:
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/jezweb/claude-skills
- Categories
- Debugging, Design & UI/UX
- First seen
- Jun 3, 2026
More from jezweb/claude-skills
All 166- Roadmap1.1K
- Stripe Payments1.1K
- Tailwind Patterns1.1K
- Uk Business English1.1K
- App Docs1.1K
- Gws Setup1.1K
- Product Showcase1.1K
- Gws Install1.1K
- Strategy Document1.1K
- Team Update1K
- Us Business English1K
- Nextjs1K
- Design Loop1K
- Cloudflare Api997
- Parcel Tracking996
- Db Seed981
- Award Application971
- Nz Business English933
- Fork Discipline905
- Nemoclaw Setup902
- Motion785
- React Native Expo738
- Ux Extract687
- Ux Compare663
Recommended
More Debugging
trading-plan-generatorjamesrochabrun/skillsGenerate comprehensive trading plans with risk management, position sizing, entry/exit strategies, and performance tracking to trade with discipline and consist1.1Kskills.sh installs
appkitreown-com/skillsGuides developers through integrating Reown AppKit into web applications (React, Next.js, Vue, Nuxt, Svelte, vanilla JavaScript). Use when adding wallet connect1.1Kskills.sh installs
deliver-acceptance-criteriaproduct-on-purpose/pm-skillsGenerates structured Given/When/Then acceptance criteria for a user story or feature slice, covering the happy path, key failure scenarios, and non-functional e1.1Kskills.sh installs
powershell-masterjosiahsiegel/claude-plugin-marketplaceComplete PowerShell expertise system across ALL platforms (Windows/Linux/macOS). PROACTIVELY activate for: (1) ANY PowerShell task (scripts/modules/cmdlets), (21.1Kskills.sh installs
url-structurekostja94/marketing-skillsWhen the user wants to optimize URL structure, fix URL issues, or plan URL hierarchy. Also use when the user mentions "URL structure," "URL optimization," "slug1.1Kskills.sh installs
worker-benchmarksruvnet/rufloRun comprehensive worker system benchmarks and performance analysis1.1Kskills.sh installs