skills.rest
stellar-zk
stellar-zkOFFICIAL
Explore all skills by this author →
WebsiteGitHub

create-ux-design

Guides collaborative creation of UX design specifications through a multi-step workflow.

3|Updated Feb 26, 2026
Search Tags:#workflow#design system#prototyping#user journey#ux design#design specification#facilitation
One-click install
npx skills add https://github.com/stellar-zk/stellar-zk --skill create-ux-design-stellar-zk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-ux-design
Source: https://github.com/stellar-zk/stellar-zk/tree/main/.claude/skills/create-ux-design
Command: npx skills add https://github.com/stellar-zk/stellar-zk --skill create-ux-design-stellar-zk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating a comprehensive UX design specification requires structured thinking across many dimensions—users, emotions, visual foundations, journeys, and components. This Skill turns that into a guided, step-by-step collaboration between an AI UX facilitator and a product stakeholder, producing a complete ux-design-specification.md document. ## Core Features & Use Cases - Stepwise UX Discovery Workflow: Progresses through initialization, project understanding, core experience definition, emotional response, inspiration analysis, design system choice, visual foundation, design directions, user journeys, and component strategy. - Collaborative A/P/C Menus: Each step offers Advanced Elicitation, Party Mode, or Continue options so stakeholders refine content before it is saved. - Resumable Document State: Tracks progress in frontmatter (stepsCompleted, inputDocuments) so interrupted sessions resume exactly where they stopped. - Use Case: A product manager with a PRD wants a full UX specification. The Skill loads the PRD, interviews the stakeholder step by step, and appends each approved section to docs/ux-design-specification.md. ## 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 walks you through sequential steps covering project understanding, core experience, emotional response, inspiration, design system, visual foundation, journeys, and components. Each section is appended to a ux-design-specification.md file only after you approve it.

What inputs does the UX design workflow need?▼

The workflow discovers product briefs, PRDs, and project context documents in your docs or planning folders during initialization. If none exist, it interviews you for the product vision, target users, and differentiators before proceeding.

Can I resume an interrupted UX design session?▼

Yes. The workflow tracks stepsCompleted and inputDocuments in the specification file's frontmatter. On reactivation it detects the existing document, reloads prior inputs, and resumes from the last completed step.

What are the A, P, and C menu options in each step?▼

A invokes advanced elicitation to deepen the current section, P invokes party mode for multi-perspective feedback, and C saves the content to the document and loads the next step. Nothing is written until you select C.

Does the workflow generate visual design mockups?▼

Yes. The design directions step generates an HTML showcase with multiple full-screen mockup variations so you can compare layout, density, and interaction approaches before committing to a direction.

Related Skills

Explore More Design & Creative Skills→
coco-decoco-de

Business Analyst

Translate stakeholder needs into clear product requirements and product briefs.

Official
Intermediate
jeffwweeejeffwweee

ui-designer

Generate HTML wireframes, React/MUI mockups, and design specifications.

Community
Intermediate
gaiastudio-aigaiastudio-ai
2

gaia-validate-design-a11y

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

Official
Advanced
partme-aipartme-ai
610

figma

Guide Figma design creation, components, prototyping, collaboration, and design systems.

Official
Basic