ux-expert

Creates front-end specifications, AI UI generation prompts, and design checklist validations.

2|Updated Feb 14, 2026
One-click install
npx skills add https://github.com/Gamaroff/agent-skills --skill ux-expert-gamaroff
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-expert
Source: https://github.com/Gamaroff/agent-skills/tree/main/skills/ux-expert
Command: npx skills add https://github.com/Gamaroff/agent-skills --skill ux-expert-gamaroff

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Designing user interfaces without structured UX guidance leads to inconsistent specs, weak AI-generated UI code, and accessibility gaps discovered too late in development. ## Core Features & Use Cases - Front-End Specification Creation: Produces comprehensive UI/UX specs covering information architecture, user flows, component libraries, accessibility requirements, and responsive strategy through interactive elicitation. - AI UI Prompt Generation: Synthesizes specs and architecture docs into structured prompts for tools like v0 and Lovable using a four-part framework (goal, instructions, examples, scope). - Checklist Validation: Runs design checklists against front-end specs and PRDs to identify gaps before developer handoff. - Use Case: You are planning a mobile account dashboard. Activate this skill to walk through user goals, generate a complete front-end spec, then produce a v0-ready prompt for the payment screen. ## Quick Start Ask the agent to create a front-end specification for your feature, for example: "I need a front-end spec for a user dashboard."

Frequently Asked Questions about ux-expert

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

FAQPage Schema
How do I create a front-end specification for a new feature?▼

Activate the ux-expert skill and describe your feature, such as a dashboard or login form. It guides you through interactive questions about users, goals, and constraints, then produces a complete spec covering user flows, components, accessibility, and responsive strategy.

How to write a good prompt for v0 or Lovable UI generation?▼

Use the generate-ui-prompt capability, which builds a four-part structured prompt covering goal, instructions, examples, and scope. It pulls context from your front-end spec and architecture docs, and works best when you generate one component at a time.

Does this skill help with WCAG accessibility compliance?▼

Yes, accessibility is a core focus area covering WCAG 2.1 Level AA and AAA compliance, screen reader optimization, keyboard navigation, and color contrast. Accessibility requirements are built into front-end specifications from the start.

Can I validate my design documentation before developer handoff?▼

Yes, the skill runs design checklists against front-end specs, PRDs, and other design documents via the execute-checklist skill. You can choose section-by-section interactive review or a full YOLO-mode report with pass/fail analysis.

What are the limitations of AI-generated UI code?▼

AI-generated code from tools like v0 or Lovable requires careful human review, testing, and refinement before production use. Prompts improve output quality but do not eliminate the need for design validation and user feedback.