skills.rest
Nhqvu2005
Nhqvu2005COMMUNITY
Explore all skills by this author →
GitHub

product-designer

Generate personas, map user flows, and check usability heuristics for web and mobile product designs.

54|21|Updated Feb 12, 2026
Search Tags:#user research#wireframing#usability#product design#ux#developer handoff
One-click install
npx skills add https://github.com/Nhqvu2005/VibeGravityKit --skill product-designer-nhqvu2005
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: product-designer
Source: https://github.com/Nhqvu2005/VibeGravityKit/tree/main/VibeGravityKit/.agent/skills/product-designer
Command: npx skills add https://github.com/Nhqvu2005/VibeGravityKit --skill product-designer-nhqvu2005

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the product design process by providing tools for user research, flow definition, usability checks, and developer handoff, ensuring a smooth transition from concept to implementation.

Core Features & Use Cases

  • User Research: Generate user personas to understand target audience needs and pain points.
  • Flow Logic: Draft user flows and wireframes to map out user journeys.
  • Usability Testing: Apply Nielsen's 10 Usability Heuristics for design evaluation.
  • Developer Handoff: Ensure designs meet technical constraints and platform-specific requirements for web and mobile.
  • Use Case: Before starting development on a new mobile app feature, use this Skill to create a persona for a "mobile shopper," define the checkout flow, and check the design against mobile usability heuristics and handoff requirements.

Quick Start

Generate a user persona for a mobile shopper.

Frequently Asked Questions about product-designer

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

FAQPage Schema
How do I generate user personas for product design?▼

To generate user personas for product design, utilize the Skill's ux_tools.py script to analyze user needs and pain points, producing targeted personas from the ux_data.json dataset to guide your design decisions.

How do I map user flows for a mobile app checkout process?▼

Mapping user flows for a mobile app involves drafting wireframes and flow logic using the provided UX process tools to define the user journey, ensuring technical constraints are met for mobile platforms.

Can I evaluate my web design against Nielsen's 10 Usability Heuristics?▼

You can evaluate web design against Nielsen's 10 Usability Heuristics using the Skill's usability testing tools, which analyze your interface to identify usability issues and ensure a smooth user experience.

What is included in developer handoff guidelines for UX design?▼

Developer handoff guidelines for UX design ensure your designs meet technical constraints and platform-specific requirements for web and mobile, facilitating a smooth transition from concept to implementation.

Does this product design tool require any external dependencies?▼

This product design tool does not require external dependencies, operating independently with its internal scripts, data, and reference components to provide user research and usability checks.

Related Skills

Explore More Design & Creative Skills→
BasharAmsoBasharAmso
1

Plan From Idea

Transform a project idea into a PRD stub and initial task queue.

Community
Intermediate
aj-geddesaj-geddes
472

UX Designer

Design user flows and ASCII wireframes with WCAG 2.1 AA accessibility specifications.

Community
Basic
mkalhitti-cloudmkalhitti-cloud
2

ai-council

Coordinate structured multi-AI debates and synthesize final recommendations.

Community
Advanced
waqarahmed-designwaqarahmed-design
13

research-discovery

Plan and conduct UX research using interviews, usability testing, and surveys.

Community
Advanced