skills.rest
mewomewoliu
mewomewoliuCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

product-designer

Design usability, flows, and interface structures for digital products.

1|Updated Mar 16, 2026
Search Tags:#design#usability#product-design#wireframes#ux#information-architecture#user-flow
One-click install
npx skills add https://github.com/mewomewoliu/ici-design-studio --skill product-designer-mewomewoliu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: product-designer
Source: https://github.com/mewomewoliu/ici-design-studio/tree/main/design-studio/product-designer
Command: npx skills add https://github.com/mewomewoliu/ici-design-studio --skill product-designer-mewomewoliu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designs the usability, flows, and interface structure of digital products to make experiences intuitive, accessible, and aligned with user needs and business goals.

Core Features & Use Cases

  • User journeys, information architecture, and task flows to shape end-to-end experiences.
  • Wireframes and interaction patterns to define layout and behavior across web and mobile.
  • Accessibility and usability considerations applied to products at every design stage.

Quick Start

Describe the product, user, and task, and I will outline the optimal user flow and information architecture.

Frequently Asked Questions about product-designer

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

FAQPage Schema
How do I design user flows and information architecture for a digital product?▼

To design user flows and information architecture, describe your product, user, and task. This generates structured end-to-end user journeys and interface layouts that align user needs with business goals across web and mobile contexts.

What is the best way to create wireframes for web and mobile interfaces?▼

Create wireframes by applying interaction patterns and usability considerations to define layout and behavior. This structures the interface to satisfy user-centered design requirements and accessibility standards across digital platforms.

Can I use this for designing accessible user journeys on mobile?▼

Yes, you can use this for mobile. It applies accessibility considerations and interaction patterns to user journeys across web and mobile contexts, ensuring digital products are usable and aligned with user needs.

How do I structure information architecture to align with business goals?▼

Structure information architecture by defining the product, user, and task to outline optimal task flows. This integrates cross-disciplinary collaboration to ensure interface structures satisfy both user-centered design requirements and business objectives.

When do I need to define interaction patterns for a digital product?▼

Define interaction patterns when creating wireframes and shaping end-to-end experiences. It defines layout and behavior across web and mobile, ensuring the interface structure is intuitive, accessible, and aligned with user needs.

Related Skills

Explore More Design & Creative Skills→
wtthorntonwtthornton
4

analyst

Gathers requirements, maps stakeholders, identifies risks, and estimates effort from feature descriptions.

Community
Advanced
jeffwweeejeffwweee

ui-designer

Generate HTML wireframes, React/MUI mockups, and design specifications.

Community
Intermediate
flitzrrrflitzrrr
4

ux-design

Conduct user interviews, create personas, and run usability tests.

Community
Intermediate
truongnattruongnat

ux-design-pro

Support UX design with user research, information architecture, wireframing, and WCAG accessibility standards.

Community
Advanced