skills.rest
tan-yong-sheng
tan-yong-shengCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-designer

Create interface designs, wireframes, and design systems with accessibility standards.

4|20|Updated Sep 27, 2025
Search Tags:#accessibility#ui/ux#design systems#user research#component library#wireframing
One-click install
npx skills add https://github.com/tan-yong-sheng/cloudflare-image-mcp --skill ui-ux-designer-tan-yong-sheng
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-designer
Source: https://github.com/tan-yong-sheng/cloudflare-image-mcp/tree/main/.claude/skills/ui-ux-designer
Command: npx skills add https://github.com/tan-yong-sheng/cloudflare-image-mcp --skill ui-ux-designer-tan-yong-sheng

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps users create professional, user-centered interface designs, wireframes, and comprehensive design systems, ensuring accessibility and modern best practices.

Core Features & Use Cases

  • Design Systems: Build and manage design tokens, component libraries, and multi-brand architectures.
  • User Research: Conduct user interviews, usability testing, and analyze user behavior.
  • Accessibility: Ensure WCAG compliance and inclusive design principles.
  • Use Case: Design a new mobile app's user flow, create its component library, and ensure it meets accessibility standards for all users.

Quick Start

Use the ui-ux-designer skill to create a wireframe for a new e-commerce product page.

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 wireframe for a new interface?▼

To create a wireframe, you need to map out user flows and interface structures. This Skill provides expert UI/UX design services to generate professional wireframes, ensuring intuitive and accessible layouts before visual detailing.

What is the best way to build a multi-brand design system with component libraries?▼

Building a multi-brand design system requires structuring scalable design tokens and reusable components. This Skill helps construct and manage comprehensive component libraries, ensuring multi-brand architecture consistency.

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

Ensuring interface design meets WCAG accessibility standards involves applying inclusive design principles throughout the process. This Skill specializes in verifying accessibility compliance and optimizing interfaces for all users.

Can I use this to analyze user research and behavior for an e-commerce product page?▼

Yes, you can analyze user research and behavior for an e-commerce product page. This Skill conducts user interviews and usability testing, translating behavioral insights into optimized user flows and interface designs.

Related Skills

Explore More Design & Creative Skills→
amdmaxamdmax
2

design-system

Generate design systems with tokens, components, layout, and CSS architecture.

Community
Advanced
ralphjohn29ralphjohn29
1

ui-ux-designer

Create wireframes, prototypes, and design systems following WCAG 2.1 standards.

Community
Intermediate
flitzrrrflitzrrr
4

ux-design

Conduct user interviews, create personas, and run usability tests.

Community
Intermediate
PriyanshKuniyalPriyanshKuniyal

accessibility-compliance

Implement WCAG 2.2 Level AA and AAA compliance for mobile accessibility.

Community
Advanced