ui-ux-pro-max

Generate UI/UX design systems with palettes and typography for development stacks.

4|Updated Jan 27, 2026
One-click install
npx skills add https://github.com/k97/dock-tile --skill ui-ux-pro-max-k97
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/k97/dock-tile/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/k97/dock-tile --skill ui-ux-pro-max-k97

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This skill solves the challenge of maintaining design consistency and implementing high-quality UI/UX patterns across various web and mobile frameworks by providing an expert-curated database of styles, palettes, and best practices.

Core Features & Use Cases

  • Design System Synthesis: Access a comprehensive library of color palettes, font pairings, and UI styles like glassmorphism or bento grids.
  • Stack-Specific Implementation: Get tailored code guidelines for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and Tailwind.
  • Use Case: When building a new SaaS dashboard, use this skill to generate a cohesive design system including accessible color palettes, professional font pairings, and responsive layout structures that follow industry-standard UX guidelines.

Quick Start

Use the ui-ux-pro-max skill to generate a professional design system and layout guidelines for a fintech dashboard using the React stack.

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

To create a UI design system for React and Next.js, you need structured style guides, accessible color palettes, and typography pairings. This provides tailored code guidelines and professional-grade interface patterns to maintain design consistency across your web application.

Can I generate Tailwind CSS color palettes and typography pairings for a SaaS dashboard?▼

Yes, you can generate Tailwind CSS color palettes and typography pairings for a SaaS dashboard. It facilitates access to an expert-curated database of styles, ensuring your layout structures follow industry-standard UX guidelines and cohesive design best practices.

Does this UI design intelligence support mobile frameworks like SwiftUI and Flutter?▼

This UI design intelligence supports mobile frameworks including SwiftUI and Flutter. It provides stack-specific implementation guidelines and facilitates the creation of professional-grade interfaces for both web and mobile applications using structured design searches.

What is the best way to implement glassmorphism and bento grid UI styles in frontend development?▼

The best way to implement glassmorphism and bento grid UI styles is by using an expert-curated library of design patterns. This provides comprehensive UI style guidelines and facilitates professional-grade interface creation across various web and mobile frameworks.

How do I ensure my Vue and Svelte components follow professional UX guidelines?▼

To ensure your Vue and Svelte components follow professional UX guidelines, apply stack-specific implementation rules and synthesized design systems. This provides structured search access to industry-standard responsive layouts, accessible color palettes, and font pairings.