skills.rest
gajjalaashok75-UI
gajjalaashok75-UICOMMUNITY
Explore all skills by this author →
𝕏@AGajjala56550GitHub

ui-ux-designer

Create accessible UI and UX guidance for interface design and design systems.

2|Updated Apr 23, 2026
Search Tags:#accessibility#design systems#user research#ui design#interaction design#ux strategy
One-click install
npx skills add https://github.com/gajjalaashok75-UI/GakrCLI --skill ui-ux-designer-gajjalaashok75-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-designer
Source: https://github.com/gajjalaashok75-UI/GakrCLI/tree/main/assets/skills/frontend-atlas/ui-ux-designer
Command: npx skills add https://github.com/gajjalaashok75-UI/GakrCLI --skill ui-ux-designer-gajjalaashok75-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and assets (resource) components.

What problem does it solve?

This Skill helps you plan and create user-centered interfaces, design systems, and interaction patterns with accessibility and consistency built in from the start.

Core Features & Use Cases

  • Design Systems: Build scalable token-based systems, reusable components, and documentation for cross-platform consistency.
  • User Research & UX Strategy: Shape flows, information architecture, and validation plans using research-backed methods.
  • Accessibility-First Design: Apply WCAG-aware practices for contrast, keyboard navigation, screen reader friendliness, and inclusive experiences.
  • Use Case: If you need to redesign a product dashboard, this Skill can guide the layout, typography, color strategy, interaction patterns, and accessibility checks needed to deliver a polished result.

Quick Start

Use the ui-ux-designer skill to help me design an accessible, modern dashboard with a clear information hierarchy and reusable design system guidance.

Frequently Asked Questions about ui-ux-designer

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

FAQPage Schema
How do I design an accessible UI for a cross-platform product dashboard?▼

To design an accessible UI, apply WCAG-aware practices for contrast, keyboard navigation, and screen reader friendliness while structuring clear information hierarchy and reusable components for cross-platform consistency.

What is a token-based design system and when do I need one?▼

A token-based design system uses scalable variables for reusable components and documentation. You need one to maintain cross-platform consistency and accessibility standards across modern product teams.

How do I validate usability and plan UX strategy for interface redesigns?▼

Validate usability and plan UX strategy by shaping flows, information architecture, and validation plans using research-backed methods to ensure user-centered interface redesigns.

Can I use this approach to build interaction patterns for modern product teams?▼

Yes, you can build interaction patterns for modern product teams by applying structured design reasoning, accessibility standards, and implementation-aware recommendations to create scalable, inclusive experiences.

What's the best way to choose typography and color systems for accessibility?▼

The best way to choose typography and color systems is applying WCAG-aware practices for contrast and inclusive experiences, ensuring accessibility-first design that scales across platforms.

Related Skills

Explore More Design & Creative Skills→
fabiomilennials1234-a11yfabiomilennials1234-a11y

agent-ux-ui

Define UX/UI specifications including IA maps, user flows, states, and WCAG AA guidelines.

Community
Advanced
souki202souki202

frontend-design

Convert frontend requirements into reusable UI components across HTML/CSS, React, or Vue.

Community
Advanced
X-School-AcademyX-School-Academy
9

dev-swarm-ux

Create UX design documentation with user flows, interaction specs, and interactive mockups.

Official
Advanced
efekrbasefekrbas
41

ui-ux-designer

Produce UI and UX guidance for interface design, wireframing, and accessibility decisions.

Community
Advanced