ux-pattern-researcher

Collect domain-specific UI/UX patterns and competitor flows via structured web research.

Updated May 6, 2026
One-click install
npx skills add https://github.com/HMWKR/claude-code-skills --skill ux-pattern-researcher
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-pattern-researcher
Source: https://github.com/HMWKR/claude-code-skills/tree/main/skills/ux-pattern-researcher
Command: npx skills add https://github.com/HMWKR/claude-code-skills --skill ux-pattern-researcher

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill eliminates the tedious manual work of researching UI/UX patterns, user flows, and conversion guidelines for specific domains. Instead of spending hours scouring the web for design patterns and competitive analysis, it automates the collection of structured UX intelligence that directly informs wireframing and product design decisions.

Core Features & Use Cases

  • 4-Module Research Pipeline: Collects UX patterns, analyzes competitor user flows, gathers conversion guidelines, and maps domain-specific UI components.
  • Domain-Specific Intelligence: Tailors research to e-commerce, education, medical, SaaS, and other domains with appropriate component libraries and flow patterns.
  • Competitive Flow Analysis: Deconstructs 5 competitor user journeys to extract standard patterns and differentiation opportunities.
  • Actionable Wireframe Rules: Converts raw research into concrete wireframe application rules with sources and years cited.

Use Case: Imagine you are designing a new e-commerce checkout flow. This skill automatically researches standard navigation patterns, analyzes 5 competitor checkout flows, extracts Baymard conversion guidelines, and defines the essential UI components—all structured for direct wireframe implementation.

Quick Start

Use the ux-pattern-researcher skill to conduct a complete UX research cycle for the fitness app domain, including pattern collection, competitor flow analysis, conversion guidelines, and component mapping.

Frequently Asked Questions about ux-pattern-researcher

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

FAQPage Schema
How do I automate researching UI/UX patterns and competitor user flows for a specific domain?

Automate UX pattern research by using a skill that scours the web for domain-specific user flows, conversion guidelines, and component maps, outputting structured markdown files for wireframing. It deconstructs competitor journeys to extract standard patterns.

What is the best way to gather conversion optimization guidelines for e-commerce checkout design?

Gather conversion optimization guidelines by running an automated research pipeline that extracts cited principles like Baymard standards and maps essential UI components for e-commerce checkout design. This produces actionable wireframe rules with sources and years cited.

Does this UX pattern research tool support SaaS, medical, and education domains?

Yes, this UX pattern research tool supports SaaS, medical, education, e-commerce, and marketplace domains. It tailors research to these specific domains with appropriate component libraries and flow patterns for direct wireframe implementation.

How do I convert raw competitor analysis into concrete wireframe application rules?

Convert raw competitor analysis into wireframe application rules by processing competitive user flow deconstructions through a structured research pipeline. This extracts standard patterns and differentiation opportunities, formatting them into source-cited markdown files.

Can I generate wireframes directly from the collected UX intelligence and component maps?

You cannot generate wireframes directly within this tool, but it outputs structured markdown files requiring integration with project-bootstrapper STAGE 4 for wireframe generation. The research provides the necessary component maps and accessibility requirements.