skills.rest
qenex-ai
qenex-aiOFFICIAL
Explore all skills by this author →
GitHub

UX/UI Design

Guide UX/UI design with structured patterns and accessibility standards.

Updated Aug 23, 2026
Search Tags:#design#ui#accessibility#responsive#ux#design-system
One-click install
npx skills add https://github.com/qenex-ai/devops-plugin --skill ux-ui-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: UX/UI Design
Source: https://github.com/qenex-ai/devops-plugin/tree/main/skills/ux-ui-design
Command: npx skills add https://github.com/qenex-ai/devops-plugin --skill ux-ui-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill helps product teams and developers design user interfaces with consistent UX patterns, accessible guidelines, and scalable design systems, reducing iteration time and misalignment.

Core Features & Use Cases

  • Guided UX/UI design: Provides a structured framework for creating interfaces that are usable, accessible, and visually cohesive.
  • Design-system patterns: Offers components, tokens, and pattern guidance to accelerate system-wide design decisions.
  • Accessibility-first workflows: Includes practical checks and patterns to ensure compliance with accessibility standards across web and mobile interfaces.

Quick Start

Start a design sprint by outlining a new UI feature and apply the design system tokens and components to ensure consistency and accessibility from the outset.

Frequently Asked Questions about UX/UI Design

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

FAQPage Schema
How do I create a UX/UI design system that ensures accessibility and responsive behavior?▼

To create an accessible UX/UI design system, use structured guidance and design-system tokens that enforce consistency and responsive behavior across web and mobile interfaces. This provides a clear starting point for product teams to align on standards.

What is the best way to structure an accessibility audit for my product interfaces?▼

The best way to structure an accessibility audit is applying accessibility-first workflows with practical checks and pattern guidance. This ensures interfaces meet compliance standards across both web and mobile platforms systematically.

Can I use design-system tokens and components to speed up UI development for mobile and web?▼

Yes, you can apply design-system tokens and components to accelerate system-wide design decisions. They provide a structured framework ensuring visual cohesion and consistency for both mobile and web interfaces.

How do I start a design sprint for a new UI feature while maintaining design consistency?▼

Start a design sprint by outlining the new UI feature, then immediately apply the design system tokens and components. This ensures accessibility and consistency are integrated from the project's outset.

Does this UX/UI design guidance apply to both web and mobile interface development?▼

Yes, this UX/UI design guidance applies directly to both web and mobile interface development. It ensures consistent UX patterns, accessible guidelines, and scalable design systems across all product platforms.

Related Skills

Explore More Design & Creative Skills→
pradyumnasagarpradyumnasagar
6

roadmap-author

Guide authors through creating and validating ORS SKILL.md files.

Community
Intermediate
TurnaboutHeroTurnaboutHero
12

pixel

Translate high-fidelity UI designs into responsive React components with accessible markup.

Community
Intermediate
luanrodriguesluanrodrigues
2

bee:dev-frontend-visual-vuejs

Generate and verify visual snapshots for Vue.js components across states and viewports.

Community
Advanced
jac007xjac007x

design-system-validator

Audit Walmart design-system compliance across tokens, components, and spacing.

Community
Advanced