skills.rest
Lincyaw
LincyawCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate UI/UX design systems and themes with Tailwind-like CSS variables.

Updated Jan 24, 2026
Search Tags:#accessibility#design system#ui/ux#web design#color theory#frontend development#mobile app design
One-click install
npx skills add https://github.com/Lincyaw/cc-md --skill ui-ux-pro-max-lincyaw
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Lincyaw/cc-md/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Lincyaw/cc-md --skill ui-ux-pro-max-lincyaw

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 guidance on styles, color palettes, typography, and best practices to create professional and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Creates tailored design systems based on project type, industry, and desired style.
  • UX Best Practices: Offers critical guidelines for accessibility, performance, and interaction design.
  • Stack-Specific Advice: Provides implementation details for various web and mobile technology stacks.
  • Use Case: When starting a new SaaS dashboard project, use this Skill to generate a complete design system, including color palettes, font pairings, and layout recommendations, ensuring a cohesive and high-quality user experience.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new e-commerce 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 design system for a React or Next.js web application?▼

You can generate a tailored design system by specifying your project type, industry, and desired style, and the Skill outputs cohesive color palettes, font pairings, and layout recommendations for web and mobile apps.

What is the best way to ensure UI/UX accessibility in mobile app design?▼

To ensure mobile app accessibility, the Skill applies critical UX best practices covering interaction design and performance guidelines, delivering stack-specific implementation details for frameworks like Flutter.

Can I use this to get color theory and typography recommendations for a SaaS dashboard?▼

Yes, the Skill generates complete design systems for SaaS dashboards, providing tailored color palettes, font pairings, and layout recommendations to ensure a cohesive and high-quality user experience.

Does the UI/UX design guidance support Vue and Flutter technology stacks?▼

Yes, the Skill supports multiple technology stacks including Vue and Flutter, providing stack-specific implementation guidelines and design intelligence for both web and mobile applications.

How do I create a cohesive design system for an e-commerce website?▼

You can create a cohesive design system by using the Skill to generate tailored styles, color palettes, and typography based on your e-commerce project type, industry context, and desired visual style.

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
luiztrilhaluiztrilha

ui-ux-pro-max

Generate design systems with color palettes, typography, and UX guidelines.

Community
Advanced
VidyaBodepudiVidyaBodepudi
2

frontend-ui-engineering

Review web components for accessibility, responsiveness, and performance.

Community
Advanced
jabez4jcjabez4jc

ui-ux-pro-max

Generate design systems with styles, palettes, typography, and UX guidelines.

Community
Advanced