skills.rest
letitbk
letitbkCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/letitbk/cursor-setup --skill ux-design-brainstorm
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
ZhanlinCuiZhanlinCui
178

ui-ux-pro-max

Generate design system recommendations from user queries for web and mobile UI.

Community
Advanced
williamzujkowskiwilliamzujkowski
6

UX Wireframe Designer

Convert user stories into wireframes, user flows, and Mermaid diagrams.

Community
Advanced
vndeevndee
3

analytics

Define event taxonomies and tracking patterns for Go, Python, and React apps.

Community
Advanced
simplerick0simplerick0

ui-ux-design

Generate text-based wireframes, user flows, and IA sketches from textual inputs.

Community
Basic