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

Ready to run

npx skills add https://github.com/Nhqvu2005/VibeGravityKit --skill product-designer-nhqvu2005

💬 Prompt for ChatGPT / Claude Chat▼

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.