skills.rest
gaiastudio-ai
gaiastudio-aiOFFICIAL
Explore all skills by this author →
GitHub

gaia-create-ux

Automate UX design workflows from PRD to planning artifacts.

2|Updated Apr 15, 2026
Search Tags:#accessibility#figma#personas#ux-design#wireframes#information-architecture
One-click install
npx skills add https://github.com/gaiastudio-ai/gaia-public --skill gaia-create-ux
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gaia-create-ux
Source: https://github.com/gaiastudio-ai/gaia-public/tree/main/plugins/gaia/skills/gaia-create-ux
Command: npx skills add https://github.com/gaiastudio-ai/gaia-public --skill gaia-create-ux

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Designing and documenting UX artifacts from a PRD is time-consuming and error-prone; this skill coordinates a UX-focused agent to produce validated UX design documentation.

Core Features & Use Cases

  • Orchestrates the flow of UX design activities (personas, information architecture, wireframes, interaction patterns, accessibility) via the ux-designer subagent.
  • Validates the existence of the PRD, loads the brownfield UX assessment template, and writes the final document to docs/planning-artifacts/ux-design.md.
  • Supports optional Figma MCP integration to generate frames or import designs when available and logs a text-only mode when not.

Quick Start

Provide a PRD at docs/planning-artifacts/prd.md and run /gaia-create-ux to start generating the UX design document.

Frequently Asked Questions about gaia-create-ux

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

FAQPage Schema
How do I generate UX design documentation from a PRD?▼

To generate UX design documentation from a PRD, place the file at docs/planning-artifacts/prd.md and run the skill to automatically produce personas, wireframes, and accessibility plans. It validates the PRD and writes the final UX design document to docs/planning-artifacts/ux-design.md.

Can I use Figma to import wireframes and interaction patterns?▼

Yes, you can use Figma to import wireframes and interaction patterns through optional Figma MCP integration. When this integration is available, it generates or imports design frames directly, and logs a text-only mode automatically if Figma is not connected.

What is included in automated UX design artifacts for brownfield projects?▼

Automated UX design artifacts for brownfield projects include personas, information architecture, wireframes, interaction patterns, and accessibility planning. The workflow loads a specialized brownfield UX assessment template and enforces traceability from PRD requirements to final design outputs.

Does UX design automation work without a pre-existing PRD file?▼

No, UX design automation does not work without a pre-existing PRD file because the workflow explicitly validates the existence of docs/planning-artifacts/prd.md. It guards prerequisites by enforcing template availability and requires the PRD to ensure traceability.

How are accessibility planning and interaction patterns handled in the workflow?▼

Accessibility planning and interaction patterns are handled by coordinating a ux-designer subagent that enforces traceability from PRD requirements. This ensures the generated UX design document accurately reflects validated interaction patterns and accessibility constraints.

Related Skills

Explore More Design & Creative Skills→
gaiastudio-aigaiastudio-ai
2

gaia-create-prd

Coordinate PM subagent interviews to generate a prioritized PRD file.

Official
Advanced
ragnar-pwninskjoldragnar-pwninskjold
125

prd-to-ux

Translate PRDs or product ideas into tool-agnostic screen prompts for UX generators.

Community
Advanced
PetriLahdelmaPetriLahdelma
2

ux-design

Plan user research, information architecture, flows, and usability testing.

Community
Advanced
bacocobacoco
67

bmad-ux

Translate PRD requirements into user flows, wireframes, and design systems.

Community
Intermediate