ui-ux-designer

Designs wireframes, prototypes, and token-based component libraries with WCAG compliance and user research.

1|Updated Dec 15, 2024

Search Tags:#ui #accessibility #design system #user research #prototyping #wireframing #ux

Ready to run

npx skills add https://github.com/himaxx/KhetiBuddy --skill ui-ux-designer-himaxx

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-designer
Source: https://github.com/himaxx/KhetiBuddy/tree/main/.agent/skills/ui-ux-designer
Command: npx skills add https://github.com/himaxx/KhetiBuddy --skill ui-ux-designer-himaxx

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the challenge of creating user-friendly, accessible, and visually appealing digital interfaces and design systems that meet modern standards and user expectations.

Core Features & Use Cases

Design Systems: Develop and manage comprehensive design systems with token-based architectures and component libraries.
User Research & Accessibility: Conduct user research, implement WCAG compliance, and ensure inclusive design principles.
Interface Optimization: Design wireframes, prototypes, and optimize user flows for enhanced usability and engagement.
Use Case: A company needs to redesign its complex SaaS product to improve user onboarding and ensure compliance with accessibility standards. This Skill can guide the entire process from user research to creating a robust, accessible design system.

Quick Start

Design a user-friendly interface for a mobile banking application focusing on accessibility.

Frequently Asked Questions about ui-ux-designer

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

FAQPage Schema

How do I build a design system with token-based architecture?▼

Design systems with token-based architectures are built by defining core design tokens for color, typography, and spacing, then constructing a scalable component library. This ensures consistent user experiences across complex digital products like SaaS platforms.

How do I ensure WCAG compliance and accessibility in interface design?▼

WCAG compliance and accessibility are ensured by implementing inclusive design principles throughout the interface optimization process. This involves conducting user research and applying accessibility standards to wireframes and prototypes for enhanced usability.

What is the best way to optimize user flows for a complex SaaS product?▼

Optimizing user flows for a complex SaaS product involves designing wireframes and prototypes guided by targeted user research. This process enhances user onboarding and overall engagement by addressing specific usability challenges.

Can I use this approach to redesign a mobile banking application focusing on accessibility?▼

Yes, you can redesign a mobile banking application focusing on accessibility by applying inclusive design principles. The process involves user research and creating accessible interface elements that meet modern usability expectations.

Why do I need user research when creating wireframes and prototypes?▼

User research is needed when creating wireframes and prototypes to ground interface design in actual user needs and expectations. It ensures the resulting user flows and design systems solve real usability challenges effectively.

When should I not use a token-based component library for interface design?▼

A token-based component library may not be suitable for small-scale interfaces lacking scalability requirements. It is designed for comprehensive design systems where consistent user experiences and inclusive design across multiple product surfaces are priorities.