Skills
.Work. You
Rest

wds-4-ux-design

Official

Turn ideas into dev-ready UX specs

Design & Creative#validation#design system#wireframing#handoff#ux design#scenario planning#page specification
AuthorGenEducation
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill turns rough product ideas, page concepts, and sketchy requirements into clear, scenario-driven UX specifications that teams can design, validate, and build with confidence.

Core Features & Use Cases

  • Scenario discovery: Guides users through structured questions to define the core feature, entry point, mental state, success criteria, and shortest path.
  • Page design and specification: Helps create detailed page plans with layout, sections, components, content, interactions, states, and validation-ready structure.
  • Design system and handoff support: Supports component review, usage consistency checks, visual exploration, quality audits, and development handoff packaging.
  • Use case: A product team wants to design a new onboarding flow. This Skill can help define the flow, specify each page, validate the structure, and prepare a clean handoff for implementation.

Quick Start

Use wds-4-ux-design to help me turn a product idea into a scenario-driven UX design workflow with page specifications and handoff-ready documentation.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: wds-4-ux-design
Download link: https://github.com/GenEducation/GenedUIProject/archive/main.zip#wds-4-ux-design

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.