skills.rest
Skobyn
SkobynCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-designer

Create accessible UI components and design systems for web and mobile products.

Updated Apr 24, 2026
Search Tags:#research#accessibility#prototyping#wireframing#design-systems#information-architecture#ui-ux-design
One-click install
npx skills add https://github.com/Skobyn/g.c.l.a.w --skill ui-ux-designer-skobyn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-designer
Source: https://github.com/Skobyn/g.c.l.a.w/tree/main/skills/ui-ux-designer
Command: npx skills add https://github.com/Skobyn/g.c.l.a.w --skill ui-ux-designer-skobyn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Enable designers and product teams to create consistent, accessible interfaces.

Core Features & Use Cases

  • Comprehensive UX strategy, information architecture, wireframing, prototyping, and design system creation.
  • Use Cases: for product teams building dashboards, mobile apps, or enterprise software requiring accessible, scalable UI components.

Quick Start

Create a starter UI kit and prototype for a new feature based on a given user research brief.

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 an accessible UI component library for an enterprise dashboard?▼

A design system provides reusable UI components, design tokens, and accessibility guidelines to maintain interface consistency across web and mobile products. It enables teams to scale visual design and user interface patterns efficiently during product development.

How do I synthesize user research into wireframes and prototypes?▼

Information architecture involves structuring and organizing content to establish clear user flows and intuitive navigation within web and mobile interfaces. It ensures users can efficiently navigate dashboards or enterprise software by logically mapping the user journey before visual design.

Can I use this UI UX design approach for both web and mobile app development?▼

Yes, this UI UX design approach applies to both web and mobile app development. It supports the creation of consistent, accessible interfaces and scalable component libraries tailored for diverse platforms, from mobile apps to enterprise software dashboards.

What is the best way to document accessibility guidelines for a design system?▼

The best way to document accessibility guidelines for a design system is to integrate them directly into stakeholder documentation and component library specifications. This ensures product teams implement accessible interfaces consistently throughout the entire product development lifecycle.

How do I generate a starter UI kit and prototype from a user research brief?▼

Generate a starter UI kit and prototype by synthesizing the user research brief to define information architecture and user flows. This foundational UX strategy directly informs the creation of initial wireframes, accessible components, and interactive prototypes for your new feature.

Related Skills

Explore More Design & Creative Skills→
yunseo-kimyunseo-kim
1

ux-designer

Guide user research, wireframing, prototyping, and WCAG accessibility compliance.

Community
Advanced
JangidVishJangidVish

Developer Handoff

Convert approved UI/UX designs into comprehensive developer handoff documents.

Community
Advanced
aymenhamoudiiaymenhamoudii

extract

Extract reusable UI patterns, components, and design tokens into a design system.

Community
Intermediate
sanky369sanky369
29

error-handling-recovery

Design error states and recovery flows for web and mobile interfaces.

Community
Basic