skills.rest
JHAMILCALI
JHAMILCALICOMMUNITY
Explore all skills by this author →
GitHub

create-ux-design

Generates UX design specifications through a multi-step collaborative workflow.

Updated Sep 6, 2026
Search Tags:#workflow#design system#user journey#ux design#design specification#product planning#wireframe
One-click install
npx skills add https://github.com/JHAMILCALI/Stellar-Build --skill create-ux-design-jhamilcali
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-ux-design
Source: https://github.com/JHAMILCALI/Stellar-Build/tree/main/.claude/skills/create-ux-design
Command: npx skills add https://github.com/JHAMILCALI/Stellar-Build --skill create-ux-design-jhamilcali

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating a comprehensive UX design specification requires structured exploration of users, emotional goals, design systems, and user journeys, which is difficult to do consistently without a guided process. ## Core Features & Use Cases - Guided Multi-Step Workflow: Walks through 14 sequential steps covering project discovery, core experience definition, emotional response, inspiration analysis, design system choice, visual foundation, design directions, and user journey flows. - Collaborative Decision-Making: Acts as a UX facilitator with A/P/C menus (Advanced Elicitation, Party Mode, Continue) so stakeholders review and approve each section before it is saved. - Stateful Document Building: Tracks progress in frontmatter, supports resuming interrupted workflows, and appends sections incrementally to a ux-design-specification.md file. - Use Case: A product manager starting a new app can invoke this skill to produce a complete UX design specification, including color themes, typography, Mermaid user journey diagrams, and HTML design direction mockups. ## Quick Start Ask the AI to create a UX design specification for your product and follow the guided step-by-step workflow.

Frequently Asked Questions about create-ux-design

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

FAQPage Schema
How do I create a UX design specification with AI?▼

Invoke the create-ux-design skill and it guides you through sequential steps covering project discovery, core experience, emotional goals, design systems, and user journeys. Each section is reviewed with you before being appended to a ux-design-specification.md document.

What does the UX design workflow produce as output?▼

The workflow produces a ux-design-specification.md file in your planning artifacts folder. It contains sections on executive summary, core user experience, emotional response, design system choice, visual foundation, design directions, and user journey flows with Mermaid diagrams.

Can I resume an interrupted UX design workflow?▼

Yes, the workflow tracks completed steps in the document frontmatter. On reactivation it detects the existing specification, reloads previously loaded input documents, and resumes from the last completed step.

What input documents does the UX design workflow need?▼

It works best with a product brief, PRD, project documentation, or project-context.md files, which it discovers automatically in planning artifacts and docs folders. It can also run from scratch by asking you discovery questions.

How does the workflow handle design decisions I disagree with?▼

Each step presents an A/P/C menu after generating content. You can run Advanced Elicitation or Party Mode to refine the content, accept or reject the changes, and only save to the document when you select Continue.

Related Skills

Explore More Design & Creative Skills→
wukangcheng2944wukangcheng2944

shape

Conduct a structured interview to gather context and produce a design brief.

Community
Intermediate
BellaBeBellaBe
37

product-design-wireframes

Convert user flows into wireframe specifications using atomic design hierarchy.

Community
Advanced
gaiastudio-aigaiastudio-ai
2

gaia-validate-design-a11y

Validate design accessibility against WCAG 2.1 standards using Figma, wireframes, or UX documents.

Official
Advanced
LuisSambranoLuisSambrano
7

ui-prototype

Generate visual mockups and wireframes from textual descriptions.

Community
Basic