skills.rest
tDalile
tDalileCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI/UX design system concepts with palettes, typography, and component specs.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

AI-assisted UI/UX design guidance helps teams maintain visual consistency, accelerate decision-making, and raise the quality of web and mobile interfaces across projects.

Core Features & Use Cases

  • AI-generated style recommendations across 10 technology stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS).
  • 161 color palettes, 57 font pairings, 161 product types, and 99 UX guidelines to support comprehensive design systems.
  • Accessibility considerations and reusable component patterns to plan, build, review, and refine UI.

Quick Start

Provide a project brief and existing UI assets, and request a complete UI/UX design system concept with patterns, palettes, and typography.

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 UI design system for a React and Next.js project?▼

To generate a UI design system for React and Next.js, provide a project brief and existing UI assets to receive tailored pattern recommendations, color palettes, typography, and component specs.

Can I use AI to create an accessible color palette and typography for my mobile app?▼

Yes, you can generate an accessible color palette and typography for mobile apps by requesting a design system concept that applies accessibility conformance guidelines across frameworks like SwiftUI and React Native.

What's the best way to build a consistent component library across Flutter and Tailwind?▼

The best way to build a consistent component library across Flutter and Tailwind is to use an AI-generated design system concept that provides reusable component patterns and unified style recommendations.

Does this UI/UX design guidance support shadcn/ui and Vue?▼

Yes, this UI/UX design guidance supports shadcn/ui and Vue, delivering AI-driven style recommendations and cohesive design system patterns across 10 technology stacks including HTML/CSS and Svelte.

How do I apply 57 font pairings and 161 color palettes to a web design task?▼

You apply 57 font pairings and 161 color palettes to web design tasks by inputting your project brief to generate a cohesive design system with a Master file containing pattern recommendations and optional page overrides.

Why do I need a Master file with optional page overrides for my design system?▼

You need a Master file with optional page overrides to persist your cohesive design system concept, allowing you to maintain baseline UI consistency while applying specific layout and component adjustments for individual pages.

Related Skills

Explore More Design & Creative Skills→
FernanSuozaFernanSuoza

arch-arc42-architect

Draft arc42 architecture documents with embedded REQ sections and traceable decisions.

Community
Advanced
hookvibehookvibe
3

ui-ux-pro-max

Generate UI/UX design systems with color palettes and typography guidelines.

Official
Basic
Vishnugupta2711Vishnugupta2711
1

shadcn-ui

Guide developers to integrate and customize shadcn/ui components in React projects.

Community
Advanced
StonelukasStonelukas

ui-ux-pro-max

Search UI/UX guidelines across nine stacks to assemble design systems.

Community
Advanced