skills.rest
smithisrealdev
smithisrealdevCOMMUNITY
Explore all skills by this author →
Website𝕏@l_smithisrealGitHub

product-designer

Creates UX/UI deliverables including wireframes, prototypes, and design systems.

Updated Feb 21, 2026
Search Tags:#design thinking#design systems#user research#prototyping#product design#UX/UI
One-click install
npx skills add https://github.com/smithisrealdev/aigo-mobile-flutter --skill product-designer-smithisrealdev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: product-designer
Source: https://github.com/smithisrealdev/aigo-mobile-flutter/tree/main/.agents/skills/product-designer
Command: npx skills add https://github.com/smithisrealdev/aigo-mobile-flutter --skill product-designer-smithisrealdev

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the entire product design process, from initial concept and user research to detailed UI design, prototyping, and the creation of robust design systems, ensuring high-quality, user-centered digital products.

Core Features & Use Cases

  • Design Strategy: Utilizes frameworks like Double Diamond and Design Sprints for structured problem-solving.
  • UX/UI Design: Covers user journey mapping, information architecture, wireframing, and visual design principles.
  • Design Systems: Facilitates the creation and documentation of reusable components and design tokens.
  • Prototyping & Testing: Supports various fidelity levels for prototyping and outlines usability testing methodologies.
  • Use Case: A startup needs to design a new mobile app. This Skill can guide them through user research, create wireframes and high-fidelity prototypes, define a design system for consistency, and plan usability testing.

Quick Start

Use the product-designer skill to generate a sitemap for a new e-commerce website.

Frequently Asked Questions about product-designer

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

FAQPage Schema
How do I create a design system with reusable components and design tokens?▼

The Double Diamond and Design Sprints frameworks provide structured problem-solving for product design. They guide you through phases of discovery, definition, development, and delivery to ensure user-centered outcomes.

What is the best way to map user journeys and wireframes for a new mobile app?▼

Mapping user journeys and wireframes requires outlining user flows and information architecture. This process visually structures the app's layout and functionality before high-fidelity visual design begins.

Can I use design thinking methodologies for digital product prototyping and usability testing?▼

Yes, design thinking methodologies support digital product prototyping and usability testing. They enable you to build various fidelity prototypes and validate user experiences through structured testing methodologies.

How do I generate a sitemap for an e-commerce website using UX/UI principles?▼

Generating an e-commerce sitemap involves applying information architecture and UX/UI principles. This structures your site's navigation hierarchy and page relationships to optimize the user's shopping experience.

Related Skills

Explore More Design & Creative Skills→
Fr-e-dFr-e-d
157

architecture-extract

Analyze project directory structures to generate architectural summaries.

Community
Basic
Shaarav4795Shaarav4795

wireframe-prototyping

Automate creation of wireframes and interactive prototypes for UI feedback.

Community
Intermediate
alo-expalo-exp
6

user-research

Plan, run, and synthesize user research into actionable insights.

Official
Intermediate
modu-aimodu-ai
267

ux-researcher

Design interviews, create personas, and analyze customer feedback for UX research.

Official
Intermediate