skills.rest
IsKenKenYa
IsKenKenYaCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-designer

Create interface designs, wireframes, and design systems with design tokens.

35|4|Updated Sep 10, 2025
Search Tags:#accessibility#design system#user research#prototyping#wireframing#interface design#ui ux
One-click install
npx skills add https://github.com/IsKenKenYa/1Panel-Client --skill ui-ux-designer-iskenkenya
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-designer
Source: https://github.com/IsKenKenYa/1Panel-Client/tree/main/.cursor/skills/ui-ux-designer
Command: npx skills add https://github.com/IsKenKenYa/1Panel-Client --skill ui-ux-designer-iskenkenya

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenge of creating user-friendly, accessible, and visually appealing digital interfaces by providing expert guidance and systematic approaches to UI/UX design.

Core Features & Use Cases

  • Design Systems: Build and maintain robust, scalable design systems with design tokens and component libraries.
  • User Research: Conduct thorough user research, usability testing, and analysis to inform design decisions.
  • Accessibility: Ensure designs meet WCAG standards and cater to diverse user needs.
  • Use Case: A product team needs to design a new feature for their mobile app. This Skill can guide them through user research, wireframing, prototyping, and ensuring the final design is accessible and aligns with their existing design system.

Quick Start

Design a user-friendly interface for a new task management feature, focusing on accessibility and a clean visual style.

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 scalable design system with design tokens and component libraries?▼

To build a scalable design system, establish base design tokens for color and typography, then construct a reusable component library. This ensures visual consistency and maintainability across digital products and user interfaces.

What is the best way to conduct user research for a new mobile app feature?▼

The best way to conduct user research involves systematic usability testing and analysis to inform design decisions. This process identifies user needs early, ensuring the feature aligns with actual usage patterns and expectations.

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

To ensure interface design meets WCAG accessibility standards, apply inclusive design principles throughout the wireframing and prototyping phases. This guarantees digital experiences cater to diverse user needs and compliance requirements.

Can I use UI/UX design services to optimize existing user flows?▼

Yes, you can use UI/UX design services to optimize existing user flows by analyzing current interaction bottlenecks. The process refines wireframes and prototypes to improve overall task completion efficiency and user satisfaction.

What is included in the wireframing and prototyping phase for interface design?▼

The wireframing and prototyping phase includes creating structural blueprints and interactive models of the interface design. This validates functionality and user experience before final development, reducing rework costs.

Related Skills

Explore More Design & Creative Skills→
Davie521Davie521
7

teach-impeccable

Scan a codebase and write design context to .impeccable.md.

Community
Advanced
mchien15mchien15

frontend-design

Convert design references into reusable HTML/CSS/JS components and design tokens.

Community
Advanced
zm2231zm2231

design-feedback

Review UI/UX designs and visual assets with structured checklists and accessibility assessments.

Community
Intermediate
meytalp-devmeytalp-dev

SVG Logo Designer

Generate SVG logo concepts with layout and color variations from design briefs.

Community
Intermediate