skills.rest
NAinfini
NAinfiniCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate parameterized UI/UX design systems across React, Next.js, Vue, and Flutter stacks.

Updated Aug 23, 2026
Search Tags:#typography#accessibility#prototyping#ui-ux#design-system#color-palette#component-library
One-click install
npx skills add https://github.com/NAinfini/Guild_Management --skill ui-ux-pro-max-nainfini
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/NAinfini/Guild_Management/tree/main/.kilocode/skills/ui-ux-pro-max
Command: npx skills add https://github.com/NAinfini/Guild_Management --skill ui-ux-pro-max-nainfini

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides an AI-assisted UI/UX design system across multiple stacks, palettes, typography, and components, reducing time-to-design and ensuring consistency.

Core Features & Use Cases

  • 50+ design styles across 9 technology stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui)
  • 21 color palettes and 50 font pairings to match branding and accessibility
  • 20 chart types guidance and reusable UX guidelines
  • Searchable design-system database with scope-aware recommendations for product teams
  • Use cases include dashboards, landing pages, admin panels, e-commerce interfaces, and mobile apps

Quick Start

Start by defining your product context and running the design-system generator to produce global rules, with optional page-level overrides. Example: python3 skills/ui-ux-pro-max/scripts/search.py "<product_type> <industry> <keywords>" --design-system -p "Project Name"

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 SaaS dashboard?▼

You can use this UI/UX design system with React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and shadcn/ui. It provides component library guidance and styles across these nine specific technology stacks for web and mobile interfaces.

How do I customize a color palette and typography for a specific landing page?▼

You customize a color palette and typography by generating a master design system with 21 palettes and 50 font pairings, then applying page-specific overrides. This allows individual landing pages to maintain branding and accessibility while diverging from global rules.

What is the best way to ensure UI component accessibility and consistency across a mobile app?▼

The best way to ensure accessibility and consistency is to use a parameterized design system database that provides reusable UX guidelines and component libraries. It offers scope-aware recommendations to maintain accessibility standards across mobile app interfaces.

Does this UI/UX design tool provide guidance for building admin panel charts?▼

Yes, this UI/UX design tool provides guidance for building admin panel charts by offering 20 specific chart types within its reusable UX guidelines. It helps structure admin interfaces by combining chart guidance with the generated component library.

Can I apply different design styles to an e-commerce interface without rewriting the global rules?▼

Yes, you can apply different design styles to an e-commerce interface without rewriting global rules by using per-page overrides. The system supports 50+ design styles and allows page-specific deviations while keeping the master design system intact.

Related Skills

Explore More Design & Creative Skills→
koki3141koki3141
2

ui-ux-pro-max

Generate design systems for UI/UX projects using Python scripts.

Community
Advanced
eniosales08-AIeniosales08-AI

ui-ux-pro-max

Generate UI/UX design systems with palettes, typography, and components.

Community
Advanced
edisonabeledisonabel

ckm:ui-styling

Create accessible responsive interfaces with shadcn/ui components and Tailwind CSS.

Community
Advanced
511avolo-dot511avolo-dot

brand-guidelines

Apply Anthropic brand colors and typography to design artifacts.

Community
Basic