rcode-create-ux-design

Create a comprehensive UX design specification from product context and user needs.

2|1|Updated Apr 10, 2026
One-click install
npx skills add https://github.com/hanzlahabib/rcode --skill rcode-create-ux-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: rcode-create-ux-design
Source: https://github.com/hanzlahabib/rcode/tree/main/rcode/skills/actions/2-plan/rcode-create-ux-design
Command: npx skills add https://github.com/hanzlahabib/rcode --skill rcode-create-ux-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams turn an early product idea into a structured UX design specification, reducing ambiguity and preventing scattered design decisions.

Core Features & Use Cases

  • Project understanding: Clarifies goals, users, constraints, and what makes the product distinct.
  • Experience definition: Defines the core interaction, emotional goals, and key journey flows that shape the product.
  • Design foundation: Establishes design system direction, visual foundations, patterns, responsive rules, and accessibility requirements.
  • Use case: A product stakeholder wants a complete UX plan for a new app and uses this Skill to move from vague requirements to a ready-to-build design specification.

Quick Start

Ask the skill to create a UX design specification for your product and guide you through the collaborative workflow.

Frequently Asked Questions about rcode-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 from a product idea?

To create a UX design specification from a product idea, you need structured markdown artifacts that define project goals, user needs, and design constraints. This process clarifies core interactions, emotional goals, and journey flows to produce a ready-to-build plan.

What is included in a comprehensive UX design specification?

A comprehensive UX design specification includes project understanding, core experience definition, visual foundation, journey flows, component strategy, consistency patterns, and accessibility requirements to reduce ambiguity and prevent scattered design decisions.

How do I plan user journey flows and accessibility requirements for a new app?

Planning user journey flows and accessibility requirements involves defining the core interaction and emotional goals, then establishing responsive rules and consistency patterns. This ensures the product's visual foundation supports all user needs effectively.

Do I need structured input to generate a UX design plan?

Yes, generating a UX design plan requires structured product context, user needs, and design constraints as input. The workflow uses iterative user confirmation and state tracking across multiple planning steps to refine the specification.

What is the best way to move from vague product requirements to a design specification?

The best way to move from vague product requirements to a design specification is through a collaborative planning workflow. This approach iteratively clarifies goals, defines the experience, and establishes a design system direction.