skills.rest
guanyang
guanyangCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate UI/UX design systems with styles, palettes, and font pairings.

947|163|Updated Jan 13, 2026
Search Tags:#typography#frontend#react#design system#ui/ux#color palette#tailwind
One-click install
npx skills add https://github.com/guanyang/antigravity-skills --skill ui-ux-pro-max-guanyang
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/guanyang/antigravity-skills/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/guanyang/antigravity-skills --skill ui-ux-pro-max-guanyang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill streamlines UI/UX design by providing instant access to a vast library of styles, palettes, fonts, and best practices, enabling rapid and professional design creation.

Core Features & Use Cases

  • Design System Generation: Quickly generate style guides, color palettes, and font pairings.
  • Component Design: Get recommendations for buttons, modals, navbars, and more.
  • Stack-Specific Guidance: Receive tailored advice for React, Vue, Next.js, Tailwind CSS, and more.
  • Use Case: Design a professional, dark-mode e-commerce website using React and Tailwind CSS, complete with a modern glassmorphism style and an elegant color palette.

Quick Start

Use the ui-ux-pro-max skill to generate a design for a SaaS dashboard using the Next.js 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 generate a color palette and font pairings for a React and Tailwind CSS project?▼

Generate a color palette and font pairings for a React and Tailwind CSS project by requesting design system recommendations that include styles, palettes, and typography tailored to your stack. This provides instant access to professional design assets.

What is the best way to design a SaaS dashboard using Next.js?▼

The best way to design a SaaS dashboard using Next.js is to use design intelligence that delivers stack-specific guidance, component recommendations, and best practices. This enables rapid creation of professional UI/UX elements like navbars and modals.

Can I get UI/UX component design recommendations for buttons and modals?▼

Yes, you can get UI/UX component design recommendations for buttons and modals. The design intelligence provides targeted suggestions for various UI elements, ensuring professional and consistent design across your web and mobile projects.

Does this provide best practices for implementing glassmorphism in frontend development?▼

Yes, this provides best practices for implementing glassmorphism in frontend development. It offers comprehensive style guidance and tailored advice for modern UI trends across various frameworks, ensuring optimal implementation in your project.

How do I review and refactor UI/UX code to improve design implementation?▼

Review and refactor UI/UX code to improve design implementation by using actions like review, fix, optimize, and check. This applies comprehensive design intelligence to enhance and refactor your existing web and mobile UI components.

Related Skills

Explore More Design & Creative Skills→
fishyerfishyer
1

ui-ux-pro-max

Generates UI/UX design recommendations and implements frontend code across React, Vue, Svelte, and more.

Community
Advanced
chicongstchicongst
2

ui-design

Automates UI design execution by applying tokens, palettes, typography and spacing across frameworks.

Community
Intermediate
ColbyRReichenbachColbyRReichenbach
1

React Dashboard Skill

Develop React dashboards with TypeScript, Tailwind CSS, and pre-built components.

Community
Intermediate
aaymanasraraaymanasrar

figma-implement-design

Convert Figma design files into React components with Tailwind CSS.

Community
Advanced