skills.rest
danghungtb26
danghungtb26COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems for web and mobile projects across nine technology stacks.

3|Updated Apr 5, 2024
Search Tags:#typography#ui#accessibility#ux#design-system#color-palette
One-click install
npx skills add https://github.com/danghungtb26/admin-react-typescript-template --skill ui-ux-pro-max-danghungtb26
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/danghungtb26/admin-react-typescript-template/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/danghungtb26/admin-react-typescript-template --skill ui-ux-pro-max-danghungtb26

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

AI-assisted UI/UX design guidance accelerates the creation of consistent, accessible interfaces across multiple technology stacks.

Core Features & Use Cases

  • 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui)
  • Centralized design-system guidance for color, typography, layout, accessibility, and interaction patterns
  • Use cases include building admin dashboards, marketing landing pages, and cross-platform components with consistent UX
  • Quick-start projects and design-system generation for rapid prototyping

Quick Start

Use the UI/UX Pro Max skill to generate a complete design system by running the search script with appropriate keywords.

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

You can generate a cross-platform UI design system for mobile projects by applying automated UX guidelines to SwiftUI, React Native, and Flutter. This enforces consistent typography, color palettes, and accessibility standards across all mobile stacks simultaneously.

What's the best way to enforce accessibility in a multi-stack UI design system?▼

The best way to enforce accessibility in a multi-stack UI design system is to automate centralized UX guidelines across web and mobile. This applies consistent interaction patterns and color palettes, ensuring compliance across all supported technology stacks.

Does this UI design guidance work with Tailwind and shadcn/ui for admin dashboards?▼

Yes, this UI design guidance works directly with Tailwind and shadcn/ui to build admin dashboards. It provides compatible color palettes, typography pairings, and chart types that integrate seamlessly into these specific stacks for rapid prototyping.

Can I automate font pairing and color palette selection for a new landing page?▼

You can automate font pairing and color palette selection for landing pages by running a script that applies predefined UX guidelines. This automatically matches 57 font pairings and 97 color palettes to your project requirements for consistent marketing pages.

Why does my cross-platform UI design lack consistency between web and mobile?▼

Your cross-platform UI design lacks consistency between web and mobile when centralized design-system guidance is not applied. Automating unified color, typography, and layout guidelines across all stacks resolves these interaction pattern discrepancies.

Related Skills

Explore More Design & Creative Skills→
steve-piecesteve-piece

set-display-case

Generate CSS tokens, Tailwind configuration, and an operator-only preview route.

Community
Advanced
0xkynz0xkynz

uiux-design-expert

Generate design tokens, components, and style guidelines for accessible UI across frameworks.

Community
Advanced
Ben1821Ben1821

ui-styling

Automate UI component installation, styling, and theming with shadcn/ui and Tailwind CSS.

Community
Advanced
act70255act70255

ui-visual-validator

Validate UI components for visual consistency, design system compliance, and accessibility.

Community
Advanced