nw-ux-web-patterns
CommunityStandardize web UI decisions with proven patterns
Design & Creative#responsive-design#acceptance-criteria#ui-patterns#design-review#information-architecture#web-design-patterns#navigational-patterns
AuthorStudentCristian
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Web teams often struggle with inconsistent UI decisions across products. This Skill provides a catalog of reusable web UI design patterns to standardize decisions for navigation, forms, data displays, and responsive layouts, reducing ambiguity in design reviews and acceptance criteria.
Core Features & Use Cases
- Navigation patterns: top navigation bar, side navigation, breadcrumbs, command palette, tab bar, hamburger menu, mega menu to cover common site structures.
- Data display patterns: tables, cards, lists, dashboards to present information clearly and consistently.
- Form and interaction patterns: validation, progressive disclosure, inline feedback to speed up user tasks.
- Responsive and accessible guidance: mobile-first breakpoints, fluid typography, container queries to support diverse devices.
- Use case: when designing a web app, apply patterns to align on structure, behavior, and evaluation criteria across teams.
Quick Start
Review the catalog and select appropriate patterns for your web app design review to begin standardizing interfaces.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: nw-ux-web-patterns Download link: https://github.com/StudentCristian/nWave-github/archive/main.zip#nw-ux-web-patterns Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.