Menu
Understand users, draw flows, check usability, and handoff to dev.
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/Nhqvu2005/VibeGravityKit --skill product-designerThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Auto-generate concise, visually stunning README.md with project auto-scanning, badges, and 3 style modes.
Generate unit/integration tests with smart edge case analysis (Zero Token Skeleton + Smart Mode).
Persistent team profiles — carry your coding style, rules, and bug-fix knowledge across projects. 3-tier memory (Hot/Warm/Cold) with TF-IDF search.
Showing SKILL.md
Based on SOC occupation classification
| name | product-designer |
| description | Understand users, draw flows, check usability, and handoff to dev. |
Supplements Designer with "Soft" and "Process" skills: User Research, Flow Logic, Usability Testing, and Standard Dev Handoff.
Create Persona to understand user pain points/needs.
python .agent/skills/product-designer/scripts/ux_tools.py --action persona --type "mobile_shopper"
Draft main steps in User Flow before UI design.
python .agent/skills/product-designer/scripts/ux_tools.py --action flow --task "checkout"
Checklist of 10 Nielsen Usability Heuristics.
python .agent/skills/product-designer/scripts/ux_tools.py --action usability
Checklist for design handoff, ensuring feasibility (Mobile/Web constraints).
python .agent/skills/product-designer/scripts/ux_tools.py --action handoff --platform "mobile_app"
Platform: web or mobile_app