skills.rest
akshh229
akshh229COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI/UX design systems and guidance for web and mobile projects.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Delivers comprehensive UI/UX design intelligence to plan, design, and implement consistent interfaces with ready-to-use patterns, palettes, and guidelines.

Core Features & Use Cases

  • 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks to power quick design decisions.
  • Actionable design guidance and reasoning rules to support accessibility, layout, typography, and interaction decisions.
  • Use cases include building design systems, evaluating UI components, selecting color/typography schemes, and conducting UX reviews across web and mobile apps.

Quick Start

Generate a complete UI/UX design system for a SaaS dashboard.

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/UX design system for a React or Next.js project?▼

To generate a UI/UX design system for React or Next.js, this Skill automates component planning, color palettes, and typography decisions, outputting ready-to-use guidelines directly for your web stack.

What's the best way to choose a color palette and font pairing for a mobile app?▼

Choosing a color palette and font pairing for mobile apps is simplified by querying 161 color palettes and 57 font pairings, providing actionable design guidance tailored for SwiftUI, React Native, or Flutter environments.

Can I use this for accessibility reviews and UX evaluations across multiple frameworks?▼

Yes, you can conduct accessibility reviews and UX evaluations across multiple frameworks, as it supports 99 UX guidelines and reasoning rules for layout and interaction decisions in 10 different web and mobile stacks.

Does this design guidance tool support Tailwind and shadcn/ui component planning?▼

Yes, this design guidance tool supports Tailwind and shadcn/ui, automating component planning and design-system generation with multi-domain search and master plus overrides persistence for page-specific customizations.

How does design-system generation handle page-specific overrides and output formats?▼

Design-system generation handles page-specific overrides through master plus overrides persistence, allowing you to export customized UI component guidelines and patterns as either ASCII or Markdown output formats.

What is included in automated UI component planning for SaaS dashboards?▼

Automated UI component planning for SaaS dashboards includes actionable design reasoning, 25 chart types, 50+ styles, and 161 product types to power quick, consistent interface design decisions.

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
qianleigoodqianleigood
30

ui-ux-pro-max

Search domain data sources to assemble a UI/UX design system with implementation guidance.

Community
Advanced
snake14vsnake14v

UI/UX Pro Max

Generate React, Next.js and Tailwind UI components and layouts.

Community
Advanced
tharunramagiritharunramagiri

tarunai-connect-mermaid

Create and manage Mermaid diagrams via command-line interface with JSON output.

Community
Intermediate