skills.rest
sinhong2011
sinhong2011COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Provide UI/UX design intelligence with styles, palettes, and font pairings.

5|Updated Jan 30, 2026
Search Tags:#typography#ui#frontend#design system#color palette#component library#ux
One-click install
npx skills add https://github.com/sinhong2011/minikyu --skill ui-ux-pro-max-sinhong2011
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/sinhong2011/minikyu/tree/main/.opencode/skills/ui-ux-pro-max
Command: npx skills add https://github.com/sinhong2011/minikyu --skill ui-ux-pro-max-sinhong2011

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, offering a vast library of styles, palettes, font pairings, and stack-specific best practices to streamline the creation of visually appealing and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Access 50+ styles, 21 palettes, 50 font pairings, and 9 tech stacks for diverse project needs.
  • Component Guidance: Get recommendations for elements like buttons, modals, and forms.
  • UX Best Practices: Learn about accessibility, animations, and layout principles.
  • Use Case: When building a new SaaS dashboard, use this Skill to find a professional, dark-mode-compatible design system with appropriate font pairings and color palettes, tailored for React and Tailwind CSS.

Quick Start

Use the ui-ux-pro-max skill to find a minimalist style with a professional color palette for a new website.

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 with matching color palettes and typography?▼

Generate a UI design system by accessing 50+ styles, 21 color palettes, and 50 font pairings to find visually appealing combinations. It provides tailored recommendations for web and mobile applications.

What is the best way to find UI components for a React and Tailwind CSS project?▼

Find UI components using design intelligence that integrates with shadcn/ui for component search. It provides stack-specific best practices and recommendations for elements like buttons and modals tailored for React and Tailwind CSS.

Can I get UX best practices for accessibility and animations in my frontend application?▼

Yes, you can get UX best practices for accessibility and animations in your frontend application. The design intelligence includes layout principles and accessibility guidelines to ensure user-friendly interfaces.

Does this UI design intelligence support dark mode for SaaS dashboards?▼

Yes, this UI design intelligence supports dark mode for SaaS dashboards. You can find a professional, dark-mode-compatible design system with appropriate font pairings and color palettes tailored for your tech stack.

How do I review and optimize an existing component library for better UX?▼

Review and optimize an existing component library by applying actions like review, fix, improve, and refactor using design intelligence. It evaluates elements against UX best practices, accessibility, and stack-specific design standards.

Related Skills

Explore More Design & Creative Skills→
giuseppe-trisciuogliogiuseppe-trisciuoglio
322

shadcn-ui

Integrate shadcn/ui components in React/Next.js projects with Tailwind CSS.

Community
Intermediate
bjorkgardbjorkgard

ui-ux-pro-max

Generate UI/UX design systems with palettes, fonts, and layouts.

Community
Advanced
bartolomeomuellerbartolomeomueller

shadcn

Manage shadcn/ui components and presets via the Shadcn CLI.

Community
Intermediate
ScorpionConMateScorpionConMate
1

ui-ux-pro-max

Search UI/UX design intelligence for styles, palettes, typography, and stack-specific guidelines.

Community
Intermediate