skills.rest
onelee85
onelee85COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generates structured UI/UX design plans for web and mobile dashboards.

Updated Mar 27, 2026
Search Tags:#typography#design#ui#accessibility#ux#design-system#color-palette
One-click install
npx skills add https://github.com/onelee85/my-skills --skill ui-ux-pro-max-onelee85
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/onelee85/my-skills/tree/main/ui-ux-pro-max
Command: npx skills add https://github.com/onelee85/my-skills --skill ui-ux-pro-max-onelee85

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Delivers structured UI/UX design guidance and reusable rules for web and mobile interfaces, helping teams make consistent, accessible decisions quickly.

Core Features & Use Cases

  • Comprehensive UI/UX guidance across stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS) to streamline design decisions.
  • Design-system planning, component recommendations, accessibility checks, and style decisions to speed up delivery and improve quality.
  • Use Case: When starting a new dashboard or landing page, generate a cohesive design system and style guidance for designers and developers.

Quick Start

Generate a complete UI/UX design plan for a new dashboard across web and mobile.

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 cohesive UI design system for a new web dashboard?▼

To generate a UI design system for a web dashboard, define reusable rules for color palettes, typography, and layout. This provides structured guidance to ensure consistent, accessible interface decisions across components.

What is the best way to plan accessible typography and color palettes for mobile apps?▼

Planning accessible typography and color palettes for mobile apps involves applying structured UX rules that maintain contrast and readability. This delivers high-quality, accessible interaction patterns across stacks like SwiftUI and Flutter.

Does this UI/UX guidance work with React Native and Tailwind stacks?▼

Yes, this UI/UX guidance supports React Native and Tailwind stacks. It delivers structured design-system planning and component recommendations across multiple frameworks to enable consistent web and mobile interfaces.

Can I generate style decisions for both web and mobile interfaces simultaneously?▼

Yes, you can generate style decisions for web and mobile interfaces simultaneously. Applying cross-stack design rules yields cohesive color systems, typography, and layout guidance for platforms like React, Vue, and Svelte.

How do I check accessibility compliance when building a landing page?▼

To check accessibility compliance when building a landing page, apply structured UX rules covering color contrast, typography, and interaction patterns. This ensures high-quality, accessible design decisions during component creation.

Related Skills

Explore More Design & Creative Skills→
rafael-hcrafael-hc

frontend-blueprint

Guide UI discovery and generate atomic HTML/CSS components.

Community
Advanced
first-flukefirst-fluke
218

ui-ux-pro-max

Generates design systems and reviews UI/UX patterns for accessible web and mobile interfaces.

Official
Advanced
asalhamedasalhamed

ui-designer

Translate UX research into UI specifications with design tokens and accessibility guidance.

Community
Advanced
gouravsingh311gouravsingh311

design-md

Analyze Stitch project assets and codify design tokens into DESIGN.md files.

Community
Intermediate