skills.rest
0xarcano
0xarcanoCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generates design systems and provides UI/UX guidance for web and mobile apps.

Updated Feb 2, 2026
Search Tags:#accessibility#react#design system#ui/ux#tailwind css#web design#mobile app design
One-click install
npx skills add https://github.com/0xarcano/UXWallet --skill ui-ux-pro-max-0xarcano
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/0xarcano/UXWallet/tree/main/frontend/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/0xarcano/UXWallet --skill ui-ux-pro-max-0xarcano

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, helping users create visually appealing, user-friendly, and accessible interfaces for web and mobile applications.

Core Features & Use Cases

  • Design System Generation: Creates detailed design systems based on project requirements, including styles, palettes, typography, and layout.
  • UX Guideline Enforcement: Offers critical UX best practices for accessibility, interaction, performance, and layout.
  • Stack-Specific Recommendations: Provides tailored advice for various technology stacks like React, Next.js, Vue, and more.
  • Use Case: A developer needs to design a new dashboard for a SaaS product. They can use this Skill to generate a complete design system, ensuring consistency, accessibility, and adherence to modern UI/UX standards.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a 'fintech dashboard' project.

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 generate a design system for a React and Tailwind CSS web application?▼

To generate a design system for a React and Tailwind CSS web application, this skill provides tailored recommendations including 50+ styles, 97 color palettes, and 57 font pairings. It ensures UI consistency and accessibility by applying stack-specific design intelligence to your project requirements.

What UX guidelines should I follow for accessible mobile app design?▼

Accessible mobile app design requires following 99 critical UX guidelines covering interaction, performance, and layout. This skill enforces these best practices to help you create user-friendly interfaces that meet accessibility standards across web and mobile platforms.

Can I use shadcn/ui components when building a SaaS dashboard?▼

Yes, you can use shadcn/ui components when building a SaaS dashboard. This skill integrates directly with shadcn/ui for component search, allowing you to implement elements like buttons, modals, and forms while ensuring adherence to modern UI/UX standards.

What is the best way to choose color palettes and font pairings for a fintech dashboard?▼

The best way to choose color palettes and font pairings for a fintech dashboard is by applying project-specific design intelligence. This skill offers 97 color palettes and 57 font pairings to generate a cohesive design system that matches your financial application's aesthetic and functional needs.

Does this UI/UX design skill support technology stacks beyond React?▼

Yes, this UI/UX design skill supports technology stacks beyond React by providing tailored advice for 9 different stacks including Next.js and Vue. It delivers stack-specific recommendations to ensure your web and mobile interfaces integrate seamlessly with your chosen framework.

Related Skills

Explore More Design & Creative Skills→
moshi-azzmoshi-azz
2

ui-ux-pro-max

Generate UI/UX design systems with guidelines, palettes, and typography for specified tech stacks.

Community
Advanced
ngocp-0847ngocp-0847
1

ui-styling

Compose React UIs using shadcn/ui components with Tailwind CSS styling.

Community
Advanced
andrewle9510andrewle9510

fd-components

Creates reusable React components with Tailwind and shadcn/ui for web apps.

Community
Advanced
LuisSambranoLuisSambrano
7

ui-prototype

Generate visual mockups and wireframes from textual descriptions.

Community
Basic