ec-ui-ux-design

Design e-commerce interfaces with responsive layouts and conversion-focused product pages.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/y-nishizaki/skills --skill ec-ui-ux-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ec-ui-ux-design
Source: https://github.com/y-nishizaki/skills/tree/main/src/ecommerce/ec-ui-ux-design
Command: npx skills add https://github.com/y-nishizaki/skills --skill ec-ui-ux-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the critical need for engaging and user-friendly e-commerce interfaces, optimizing the entire customer journey from product discovery to purchase to maximize conversion rates and customer satisfaction.

Core Features & Use Cases

  • Product Page Optimization: Designs high-converting product pages with optimal image display, clear pricing, and compelling descriptions.
  • Responsive & Mobile-First Design: Ensures seamless user experience across all devices, prioritizing mobile users.
  • UX Research & A/B Testing: Utilizes tools like heatmaps and A/B testing to analyze user behavior and implement data-driven design improvements.
  • Conversion Rate Optimization (CRO): Streamlines checkout flows, reduces cart abandonment, and integrates micro-interactions for enhanced UX.
  • Use Case: Redesign an e-commerce product page to improve conversion rates by optimizing image galleries, adding customer reviews, and implementing a sticky "Add to Cart" button, all based on heatmap analysis.

Quick Start

Use the ec-ui-ux-design skill to analyze the current mobile responsiveness of your e-commerce website and suggest improvements for a better user experience.