skills.rest
sidjamyl
sidjamylCOMMUNITY
Explore all skills by this author →
GitHub

product-designer

Guide UI/UX design, design systems, prototyping, and usability testing.

Updated Feb 26, 2026
Search Tags:#design thinking#ui/ux#design systems#user research#prototyping#product design
One-click install
npx skills add https://github.com/sidjamyl/GAMES-JTI- --skill product-designer-sidjamyl
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: product-designer
Source: https://github.com/sidjamyl/GAMES-JTI-/tree/main/.agents/skills/product-designer
Command: npx skills add https://github.com/sidjamyl/GAMES-JTI- --skill product-designer-sidjamyl

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides expert guidance and methodologies for creating user-centered, effective, and visually appealing digital products.

Core Features & Use Cases

  • UI/UX Design: Covers user research, journey mapping, wireframing, and interaction design.
  • Design Systems: Facilitates the creation and documentation of reusable components and design tokens.
  • Prototyping & Testing: Guides through various fidelity levels of prototyping and usability testing.
  • Use Case: A startup needs to design a new mobile app. This Skill can guide them through the entire design process, from initial user research to creating a high-fidelity prototype and planning usability tests.

Quick Start

Use the product-designer skill to generate a user journey map for a new e-commerce checkout flow.

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 user journey map for a new digital product?▼

To build a scalable design system, define reusable component structures, manage design tokens, and generate documentation. This Skill facilitates creating color systems, typography rules, and spacing principles for consistent digital product interfaces.

What is the best way to plan usability testing for a UI prototype?▼

To structure a design sprint, apply design thinking methodologies like the Double Diamond process. This Skill helps define core competencies and design processes to guide teams from initial user research to high-fidelity prototypes.

How do I build a scalable design system with reusable components?▼

To build a scalable design system, define reusable component structures, manage design tokens, and generate documentation. This Skill facilitates creating color systems, typography rules, and spacing principles for consistent digital product interfaces.

What is the best way to plan usability testing for a UI prototype?▼

The best way to plan usability testing is to structure defined test plans and task scripts. This Skill guides through prototyping fidelity levels and interaction patterns to prepare comprehensive usability tests for your interface.

Related Skills

Explore More Design & Creative Skills→
pingmepipingmepi

pm-stage-01-brief

Generate a structured 7-section product brief from a business statement.

Community
Advanced
mchien15mchien15

frontend-design

Convert design references into reusable HTML/CSS/JS components and design tokens.

Community
Advanced
viralcodeviralcode
61

ux-researcher-designer

Generates data-driven user personas and maps user journeys from research data.

Community
Advanced
ExpeditoJExpeditoJ

aiox-ux-design-expert

Automate UX/UI design tasks from research to quality assurance.

Community
Advanced