ux-patterns

Apply proven UX patterns to standardize navigation, forms, and feedback across web and mobile interfaces.

39|2|Updated Jan 31, 2026
One-click install
npx skills add https://github.com/hffmnnj/opencode-goopspec --skill ux-patterns-hffmnnj
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-patterns
Source: https://github.com/hffmnnj/opencode-goopspec/tree/main/skills/ux-patterns
Command: npx skills add https://github.com/hffmnnj/opencode-goopspec --skill ux-patterns-hffmnnj

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Teams often produce inconsistent interfaces due to ad-hoc pattern choices, leading to confusion and slower onboarding. This Skill codifies proven UX patterns to standardize navigation, forms, and feedback across products.

Core Features & Use Cases

  • Navigation Patterns: Global navigation, breadcrumbs, and search to improve discoverability.
  • Form Patterns: Inline validation, progressive disclosure, smart defaults to reduce user friction.
  • Feedback Patterns: Loading, empty, and error states to guide user expectations and reduce confusion.
  • Use Case: Apply these patterns to a new SaaS onboarding flow to increase task completion rate.

Quick Start

Ask the AI to audit a UI and propose 3 UX patterns to improve usability, navigation, and form interaction.

Frequently Asked Questions about ux-patterns

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I improve navigation and form usability in my product interface?

Apply proven UX patterns for navigation, forms, and feedback to create intuitive interfaces. This Skill provides documentation, usage guidance, and best-practice examples to standardize design decisions across web and mobile products, reducing user confusion and onboarding friction.

What are form patterns and how do they reduce user friction?

Form patterns like inline validation, progressive disclosure, and smart defaults guide users through input tasks efficiently. These patterns minimize errors and cognitive load, helping teams standardize form interactions across products for consistent, faster task completion.

How do I audit a UI and identify which UX patterns to apply?

Ask the AI to audit your interface against navigation, form, and feedback patterns. It will propose specific pattern improvements targeting usability gaps, interaction design weaknesses, and consistency issues to enhance discoverability and user guidance.

Can I use UX patterns to increase task completion rates in onboarding flows?

Yes. Navigation patterns like breadcrumbs and search, combined with form patterns and feedback states, create clear pathways through onboarding. Applying these proven patterns standardizes the experience, reducing confusion and measurably improving task completion.

What feedback patterns help guide user expectations?

Feedback patterns for loading, empty, and error states communicate system status and next steps. These patterns reduce confusion about whether an action succeeded, data exists, or an issue occurred, creating predictable user expectations across interactions.

Why do inconsistent interfaces slow down user adoption?

Ad-hoc pattern choices create unpredictable navigation, form behavior, and feedback across your product, forcing users to relearn interactions repeatedly. Standardized UX patterns eliminate this cognitive friction, speeding onboarding and reducing support burden.