product-designer

Translate user insights into UI/UX designs for web and mobile products.

467|103|Updated Jan 13, 2026
One-click install
npx skills add https://github.com/borghei/Claude-Skills --skill product-designer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: product-designer
Source: https://github.com/borghei/Claude-Skills/tree/main/product-design/product-designer
Command: npx skills add https://github.com/borghei/Claude-Skills --skill product-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Product teams often struggle to translate user insights into cohesive, usable designs that scale across platforms. This Skill provides a framework to move smoothly from research to tangible UI assets.

Core Features & Use Cases

  • UX/UI design for web and mobile
  • Design systems, components, and tokens
  • Prototyping and rapid iteration
  • User research synthesis and stakeholder alignment
  • Interaction design and information architecture
  • Design thinking and visual design

Quick Start

Design brief: outline a design system, wireframes, and a prototype plan for a new analytics dashboard intended for an executive audience.

Frequently Asked Questions about product-designer

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

FAQPage Schema
How do I translate user research into cohesive UI/UX designs for web and mobile?

To translate user research into cohesive UI/UX designs, apply a design-thinking workflow that synthesizes insights into component-driven design systems, wireframes, and prototypes for web and mobile platforms.

What is the best way to structure a design system for an enterprise product context?

Structuring a design system for an enterprise product context requires component-driven architecture and design tokens, ensuring scalable and cohesive UI deliverables across complex product surfaces.

Can I use this approach to plan prototyping and wireframes for an analytics dashboard?

Yes, you can use this approach to plan prototyping and wireframes for an analytics dashboard by starting with a design brief that outlines user research synthesis, information architecture, and interaction design.

Does this design-thinking workflow support usability validation and stakeholder alignment?

Yes, the design-thinking workflow supports usability validation and stakeholder alignment by enforcing cross-disciplinary collaboration and generating clear deliverables from ideation through testing.

How do I create a prototype plan for a new executive analytics dashboard?

To create a prototype plan for an executive analytics dashboard, outline the design system, wireframes, and rapid iteration steps needed to translate user insights into a validated, tangible UI.

What limitations exist when applying component-driven design systems to mobile versus web?

When applying component-driven design systems across mobile versus web, limitations arise from platform-specific interaction design constraints, requiring distinct usability validation and information architecture adjustments per context.