skills.rest
Adam-Guerin
Adam-GuerinCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-designer

Create interface designs, wireframes, and design systems with WCAG compliance.

1|Updated Feb 6, 2026
Search Tags:#ui#accessibility#design system#prototyping#wireframing#ux
One-click install
npx skills add https://github.com/Adam-Guerin/Asmblr --skill ui-ux-designer-adam-guerin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-designer
Source: https://github.com/Adam-Guerin/Asmblr/tree/main/skills/ui-ux-designer
Command: npx skills add https://github.com/Adam-Guerin/Asmblr --skill ui-ux-designer-adam-guerin

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill assists in creating user-centered interface designs, wireframes, and comprehensive design systems, ensuring adherence to accessibility standards and modern design practices.

Core Features & Use Cases

  • Interface Design: Generate wireframes, mockups, and high-fidelity designs.
  • Design Systems: Build and manage component libraries, design tokens, and style guides.
  • User Research & Accessibility: Incorporate user feedback and ensure WCAG compliance.
  • Use Case: Design a new user dashboard for a web application, focusing on a clean UI, intuitive navigation, and accessibility for all users.

Quick Start

Design a user-friendly mobile app interface for a task management application.

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 consistent components and tokens?▼

Wireframing focuses on structural layout and user flow without visual styling, while high-fidelity mockups incorporate detailed visual design, typography, and color. Wireframes are created first to validate navigation before applying final interface design elements.

How do I ensure my interface design meets WCAG compliance standards?▼

Yes, you can design cross-platform interfaces by applying atomic design methodologies to create consistent user experiences. This approach ensures your interface design maintains visual and functional consistency across different platforms and devices.

What is the best way to incorporate user research into UI design?▼

The best way to incorporate user research into UI design is by applying user research methodologies to gather feedback, which then informs your wireframes and mockups. This ensures your interface design remains user-centered and addresses actual user needs.

How do I build a user dashboard interface that is intuitive and accessible?▼

Building an intuitive user dashboard requires creating wireframes and high-fidelity designs that prioritize clean UI and intuitive navigation. By integrating user research and WCAG compliance, you generate an accessible dashboard interface for all users.

Related Skills

Explore More Design & Creative Skills→
dtsongdtsong
1

intake-skill

Transform natural language project descriptions into structured engagement briefs.

Community
Advanced
aibangjuxinaibangjuxin
2

ui-designer

Create high-fidelity mockups and interactive prototypes for mobile applications.

Community
Intermediate
yonatangrossyonatangross
217

figma-design-handoff

Extract Figma design tokens and generate TypeScript component interfaces.

Community
Advanced
89jobrien89jobrien
4

web-accessibility

Audit web content for WCAG 2.1/2.2 conformance and accessibility issues.

Community
Advanced