skills.rest
DonNigami
DonNigamiCOMMUNITY
Explore all skills by this author →
GitHub

ux-ui-design

Design user-centered interfaces, design systems, and WCAG-compliant prototypes for web and mobile products.

Updated Jun 15, 2025
Search Tags:#accessibility#prototyping#ui-design#ux#interaction-design#user-research#design-systems
One-click install
npx skills add https://github.com/DonNigami/eddication.io --skill ux-ui-design-donnigami
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-ui-design
Source: https://github.com/DonNigami/eddication.io/tree/main/.claude/skills/ux-ui-design/ux-ui-design
Command: npx skills add https://github.com/DonNigami/eddication.io --skill ux-ui-design-donnigami

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams design world-class UX/UI interfaces at scale, ensuring user-centered focus, accessible design, and coherent design systems, so products feel polished and inclusive.

Core Features & Use Cases

  • User-centered design leadership across product interfaces, information architecture, and interaction design.
  • Accessibility guidance and WCAG-compliant practices to reach a broad audience.
  • Design systems and component libraries to enable scalable product development.
  • Prototyping, user research, and iterative testing to validate concepts before build.

Quick Start

Audit the onboarding flow for usability and accessibility, propose a scalable design system, and generate a high-fidelity prototype for the key screens.

Frequently Asked Questions about ux-ui-design

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

FAQPage Schema
How do I audit my product's UX/UI design for accessibility and usability?▼

A scalable design system requires structured design documentation, reusable components, and design tokens to ensure interface coherence across web and mobile products, enabling consistent and polished product development at scale.

How do I create a scalable design system for web and mobile products?▼

A scalable design system requires structured design documentation, reusable components, and design tokens to ensure interface coherence across web and mobile products, enabling consistent and polished product development at scale.

What is the best way to structure UX design handoff artifacts for developers?▼

The best way to structure UX design handoff is by generating production-ready systems with reusable components, clear interface architecture, and structured design documentation that developers can directly implement.

Can I use this approach to validate concepts through user research and prototyping?▼

Yes, you can validate concepts through user research and iterative testing by generating high-fidelity prototypes for key screens, ensuring user-centered interaction design before moving to production.

Does this UX/UI design process work for both new interfaces and existing product audits?▼

Yes, this UX/UI design process works for both new interfaces and existing products by applying user-centered practices from initial interface architecture to comprehensive usability and accessibility audits.

Related Skills

Explore More Design & Creative Skills→
pradyumnasagarpradyumnasagar
6

agent-handoff

Automate inter-skill data transfer and provenance capture via JSON Material Passports.

Community
Advanced
Yukine5377Yukine5377

po-uiux-design

Coordinate UI/UX review and handoff documentation between designers and developers.

Community
Intermediate
ralphjohn29ralphjohn29
1

ui-ux-designer

Create wireframes, prototypes, and design systems following WCAG 2.1 standards.

Community
Intermediate
rajyeole6rajyeole6

agency-accessibility-auditor

Audits digital interfaces against WCAG 2.2 standards for accessibility and generates remediation reports.

Community
Advanced