ui-ux-designer

Creates scalable design tokens, user research plans, and WCAG 2.2 compliant interfaces.

Updated Dec 29, 2025
One-click install
npx skills add https://github.com/AmidVoshakul/chatorai --skill ui-ux-designer-amidvoshakul
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-designer
Source: https://github.com/AmidVoshakul/chatorai/tree/main/assets/skills/ui-ux-designer
Command: npx skills add https://github.com/AmidVoshakul/chatorai --skill ui-ux-designer-amidvoshakul

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the complexity of maintaining design consistency, accessibility compliance, and efficient handoff workflows in modern product development.

Core Features & Use Cases

  • Design System Architecture: Create and manage atomic design systems, design tokens, and component libraries to ensure cross-platform consistency.
  • Accessibility & Research: Implement WCAG 2.2 standards and conduct user research to ensure inclusive and data-validated design decisions.
  • Use Case: A product team needs to scale their mobile app design to desktop while ensuring full WCAG AA compliance and maintaining a unified brand identity across all components.

Quick Start

Use the ui-ux-designer skill to audit the current design system for WCAG 2.2 accessibility compliance and suggest improvements.

Frequently Asked Questions about ui-ux-designer

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

FAQPage Schema
How do I scale a mobile app design to desktop while maintaining cross-platform consistency?

To scale a mobile app design to desktop, you need to implement atomic design systems and scalable design tokens that maintain a unified brand identity across all components. This ensures cross-platform consistency throughout the interface architecture.

What is the best way to audit a design system for WCAG 2.2 accessibility compliance?

Auditing a design system for WCAG 2.2 accessibility compliance involves evaluating interface components against inclusive design principles. This process identifies accessibility gaps and suggests targeted improvements to ensure full WCAG AA compliance across all user interfaces.

How do I create developer-friendly handoff documentation for UI/UX design?

Creating developer-friendly handoff documentation requires generating detailed design system architectures and cross-platform interface strategies. This ensures design outputs adhere to modern inclusive design principles while facilitating efficient development handoff workflows.

Can I use Figma to build and manage atomic design systems and design tokens?

Yes, you can use Figma to build and manage atomic design systems by creating scalable design tokens and component libraries. This ensures cross-platform consistency and efficient handoff workflows in modern product development.

How do I conduct user research to ensure data-validated and inclusive design decisions?

Conducting user research for inclusive design involves creating structured user research plans that validate design decisions with data. This ensures all interface strategies adhere to modern inclusive design principles and WCAG 2.2 accessibility standards.