Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nwave-ai/nw-ux-web-patterns
Web UI design patterns for product owners. Load when designing web application interfaces, writing web-specific acceptance criteria, or evaluating responsive designs.
Passed 23 of 23 test cases with the skill, and 20 of 23 without it.
and 1 more in the full report
3 fixed20 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 3 test cases the skill fixed. Same model, same prompt, with and without the skill.
When a field validation fails in a web form, what three distinct pieces of information must the inline error message communicate?
| Checked | Without skill | With skill |
|---|---|---|
| Requires explaining what went wrong, identifying the field location, and providing specific instructions on how to fix it | Missed | Passed |
The instructions your model reads when the skill loads.
Actionable web interface patterns for requirements gathering and design review. Use when the target platform is web (browser-based applications).
| Pattern | When to Use | When to Avoid |
|---|---|---|
| Top navigation bar | 5-7 primary sections, marketing/content sites | Deep hierarchies with 20+ sections |
| Side navigation | Complex apps with many sections, admin dashboards | Simple sites with few pages |
| Breadcrumbs | Deep hierarchies, e-commerce categories | Flat site structures |
| Command palette (Cmd+K) | Power user tools, developer-facing apps | Consumer apps targeting non-technical users |
| Tab bar (mobile) | 3-5 primary destinations | More than 5 destinations |
| Hamburger menu | Secondary navigation, mobile space constraints | Primary navigation users need frequently |
| Mega menu | Large sites with categorized content | Simple sites, mobile interfaces |
Navigation must answer three questions: Where am I? Where can I go? How do I get back?
Key principles: consistent placement across all pages | highlight current location | limit primary nav to 5-7 items (Hick's Law) | provide search as alternative for content-heavy apps
test cases passed, vs 20 / 23 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.