ui-ux-designer

What problem does it solve?

Designing user interfaces and experiences that are both beautiful and functional, while also being accessible and responsive, requires deep expertise across many domains. This Skill provides comprehensive guidance on modern UI/UX principles, workflows, and tools, helping you create professional-grade web and mobile applications that delight users and meet industry standards.

Core Features & Use Cases

• Design Principles & Best Practices: Apply visual hierarchy, consistency, affordance, and color theory to create intuitive and engaging interfaces.
• Accessibility (WCAG 2.1): Ensure your designs are perceivable, operable, understandable, and robust for all users, including those with disabilities.
• Modern Tech Stack Integration: Get guidance and code examples for implementing designs using frameworks like Tailwind CSS and component libraries like shadcn/ui or Material UI.
• Use Case: You're tasked with designing a new web application and need to ensure it's mobile-first, accessible, and uses a modern design system. This Skill guides you through the entire workflow, from user research and wireframing to visual design, component development, and accessibility audits, ensuring a high-quality final product.

Quick Start

Use the ui-ux-designer skill to design a responsive login form for a web application, ensuring it meets WCAG 2.1 accessibility standards and uses Tailwind CSS for styling.