ui-ux-designer

Design wireframes, token-based design systems, and accessibility-compliant interfaces.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/Anuar7777/wedding-crm --skill ui-ux-designer-anuar7777
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-designer
Source: https://github.com/Anuar7777/wedding-crm/tree/main/.cursor/.skills/ui/ui-ux-designer
Command: npx skills add https://github.com/Anuar7777/wedding-crm --skill ui-ux-designer-anuar7777

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create interface designs, wireframes, and design systems while integrating user research, accessibility standards, and modern design tools to deliver cohesive user experiences.

Core Features & Use Cases

  • Design Systems Mastery: atomic design, token-based architecture, and scalable component libraries.
  • User Research & Accessibility: planning interviews, usability testing, accessibility audits, and inclusive design practices.
  • Cross-Platform Design: consistent UX across web, mobile, and desktop with handoff to development.

Quick Start

Clarify goals and constraints, then create wireframes and a foundational design system aligned with accessibility standards.

Frequently Asked Questions about ui-ux-designer

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

FAQPage Schema
How do I create a design system with token-based architecture for cross-platform consistency?

Create a design system by defining atomic design components and token-based architecture to ensure cross-platform consistency across web, mobile, and desktop, resulting in scalable component libraries and actionable handoff documentation.

What is included in a usability study and accessibility audit for digital products?

A usability study and accessibility audit include planning user interviews, conducting usability testing, and evaluating inclusive design practices to validate user interfaces and ensure compliance with accessibility standards for digital products.

How do I design wireframes and validate user interfaces for mobile and web platforms?

Design wireframes and validate user interfaces by clarifying goals and constraints, then applying user research insights to ensure cohesive user experiences and cross-platform consistency across mobile, web, and desktop environments.

Can I use this approach to generate development handoff documentation for a scalable component library?

Yes, you can generate development handoff documentation by creating a scalable component library with comprehensive design system documentation, tokenization, and actionable steps tailored for engineering teams.

What is the best way to integrate user research insights into interface design?

The best way to integrate user research insights into interface design is by synthesizing interview data and usability testing results to validate wireframes and inform the creation of intuitive interfaces and scalable systems.

Do I need existing user research data to start building a foundational design system?

No, you do not need existing user research data to start building a foundational design system; you can clarify goals and constraints first, then conduct interviews and usability testing to inform your wireframes and token architecture.