skills.rest
viralcode
viralcodeCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-master

Guide UI/UX design with Apple HIG, WCAG, and component best practices.

61|11|Updated Feb 4, 2026
Search Tags:#design#ui#accessibility#web design#user interface#ux#ios design
One-click install
npx skills add https://github.com/viralcode/openwhale --skill ui-ux-master
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-master
Source: https://github.com/viralcode/openwhale/tree/main/skills/ui-ux-master
Command: npx skills add https://github.com/viralcode/openwhale --skill ui-ux-master

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive guide and set of principles to master UI/UX design, ensuring the creation of beautiful, functional, and accessible interfaces across all platforms.

Core Features & Use Cases

  • Design Philosophy: Adheres to core principles like Clarity, Consistency, Simplicity, and Accessibility.
  • Platform Guidelines: Integrates Apple HIG, modern web design, and universal design best practices.
  • Component Design: Offers detailed guidance on buttons, forms, cards, and navigation.
  • Use Case: A developer needs to design a new mobile app's user interface. They can consult this Skill for best practices on layout, color, typography, and component design specific to iOS, ensuring a polished and user-friendly experience.

Quick Start

Use the ui-ux-master skill to design a modern, accessible button component for a web application.

Frequently Asked Questions about ui-ux-master

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

FAQPage Schema
What are the core principles for designing an accessible web interface?▼

Accessible web interface design relies on core principles like Clarity, Consistency, and Simplicity. Integrating accessibility standards such as WCAG ensures user-centered, functional interfaces that are aesthetically pleasing for diverse digital products.

How do I design a mobile app user interface that follows Apple HIG?▼

To design an iOS mobile app user interface following Apple HIG, consult platform-specific guidelines for layout, color theory, typography, and component design. This ensures a polished, user-friendly experience tailored to Apple devices.

What is the best way to structure layout systems and typography for digital products?▼

The best way to structure layout systems and typography for digital products is by applying modern design trends alongside universal best practices. This approach balances aesthetics and functionality, ensuring user-centered and visually clear interfaces.

How do I apply WCAG accessibility standards to UI components like forms and buttons?▼

Apply WCAG accessibility standards to UI components like forms and buttons by following detailed component best practices. Ensure clarity and consistency in design to create functional, accessible user interfaces for web applications.

Does this UI/UX design guidance cover both web design and iOS design platforms?▼

Yes, this UI/UX design guidance covers both web design and iOS design platforms. It integrates Apple HIG, modern web design principles, and universal best practices to facilitate user-centered interfaces across diverse digital products.

Related Skills

Explore More Design & Creative Skills→
pingmepipingmepi

pm-stage-04-design-spec

Generate design specifications with traceability to PRD user stories.

Community
Advanced
MuduiClawMuduiClaw
11

design-os

Generate specifications, design tokens, React components, and export packages for product design handoff.

Community
Advanced
iButtersiButters
3

css-tokens

Generate CSS design tokens for colors, spacing, typography, and theming.

Community
Intermediate
dawsonblockdawsonblock

frontend-design

Design and implement responsive UI interfaces for web applications using React and CSS frameworks.

Community
Advanced