ux-design-brainstorm

Generate UX pattern suggestions and wireframe diagrams for e-commerce design scenarios.

Updated Feb 20, 2026

Search Tags:#design patterns #prototyping #user experience #e-commerce #wireframes #ux

Ready to run

npx skills add https://github.com/letitbk/cursor-setup --skill ux-design-brainstorm

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ux-design-brainstorm
Source: https://github.com/letitbk/cursor-setup/tree/main/skills/ux-design-brainstorm
Command: npx skills add https://github.com/letitbk/cursor-setup --skill ux-design-brainstorm

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps e-commerce teams develop effective UX solutions by providing tailored design patterns and wireframe layouts based on user stories and research insights.

Core Features & Use Cases

Design Pattern Recommendation: Suggests context-appropriate UX patterns with tradeoffs grounded in industry research.
Wireframe Generation: Produces visual layout diagrams in Mermaid or ASCII formats to illustrate solutions.
Use Case: An online retailer wants to optimize the product page layout; this Skill offers style options and sample wireframes for quick assessment.

Quick Start

Use the ux-design-brainstorm skill to get UX pattern recommendations and layout diagrams for a new checkout process.

Frequently Asked Questions about ux-design-brainstorm

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

FAQPage Schema

How do I generate wireframes for e-commerce product pages?▼

To generate wireframes for e-commerce product pages, provide user stories and research insights to receive tailored UX pattern suggestions alongside visual layout diagrams in Mermaid or ASCII formats for rapid prototyping.

What UX patterns improve checkout conversion rates?▼

UX patterns that improve checkout conversion rates are suggested by assessing your design scenario and offering multiple context-appropriate options with tradeoffs grounded in industry research and best practices.

Can I get ASCII or Mermaid diagrams for rapid prototyping?▼

Yes, you can get ASCII or Mermaid diagrams for rapid prototyping by inputting your e-commerce layout requirements, which produces visual wireframe diagrams to illustrate solutions for quick assessment.

Do I need user research data to get UX design recommendations?▼

Yes, you need user research data to get UX design recommendations, as the Skill requires research-based insights to assess design scenarios and provide tailored e-commerce UX pattern suggestions effectively.

What is the best way to visualize layout options for an online store?▼

The best way to visualize layout options for an online store is to use a tool that assesses your design scenario and outputs multiple wireframe diagrams, allowing you to evaluate tradeoffs and adhere to UX best practices.