skills.rest
Faeif
FaeifCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Automate creation and evaluation of UI/UX design systems for web and mobile applications.

Updated Aug 27, 2026
Search Tags:#typography#design#ui#ux#design-system#component-library
One-click install
npx skills add https://github.com/Faeif/linguaquest --skill ui-ux-pro-max-faeif
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Faeif/linguaquest/tree/main/.claude/skills/ui-ux-pro-max/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Faeif/linguaquest --skill ui-ux-pro-max-faeif

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamlines design system creation and UI/UX decision-making across web and mobile projects.

Core Features & Use Cases

  • Generates design-system tokens, color palettes, typography scales, and component patterns.
  • Provides accessibility checks and performance guidelines to ensure usable interfaces.
  • Supports per-page design overrides and domain-specific recommendations for scalable products.

Quick Start

Generate a complete design system plan and starter components for web and mobile projects

Frequently Asked Questions about ui-ux-pro-max

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

FAQPage Schema
How do I create a design system with React and Tailwind?▼

Creating a design system with React and Tailwind involves generating structured design tokens, typography scales, and color palettes. This process enforces a Master design system with per-page overrides to ensure UI consistency and accessibility across your web applications.

What is the best way to plan typography scales and color palettes for mobile UX?▼

Planning typography scales and color palettes for mobile UX requires domain-guided reasoning and robust design rules. You can automate this selection process to generate accessible component patterns for stacks like React Native, Flutter, and SwiftUI.

Does this design system intelligence support Vue and Svelte component libraries?▼

Yes, design system intelligence supports Vue and Svelte component libraries. It automates the creation and evaluation of UI/UX design systems across multiple stacks, ensuring consistent component patterns and accessibility checks for both web and mobile applications.

How do I manage per-page design overrides without breaking accessibility?▼

Managing per-page design overrides without breaking accessibility is achieved by enforcing a structured workflow with a Master design system. Domain-guided reasoning applies robust design rules to ensure localized overrides maintain overall usability and accessibility checks.

Can I generate shadcn/ui components using an automated design system workflow?▼

Yes, you can generate shadcn/ui components using an automated design system workflow. The intelligence supports shadcn/ui alongside HTML/CSS, automating component library creation and evaluating UI patterns to ensure accessible and consistent interfaces.

Related Skills

Explore More Design & Creative Skills→
windyskywindysky

moai-domain-frontend

Guide React 19, Next.js 16, and Vue 3.5 frontend architecture with reusable components.

Community
Advanced
fantay0312fantay0312

frontend-design

Generate reusable UI components, design tokens, and accessible code from design briefs.

Community
Advanced
whchiwhchi

design-taste-frontend

Enforce deterministic typography, single-accent color, and responsive layout rules for frontend UI.

Community
Advanced
Michae2xlMichae2xl

ui-ux-pro-max

Generate design systems for web and mobile applications using Python.

Community
Advanced