skills.rest
loonghao
loonghaoCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems with color palettes, font pairings, and stack-specific guidelines.

44|6|Updated Oct 27, 2025
Search Tags:#react#design system#ui/ux#tailwind css#web design#frontend development#mobile app design
One-click install
npx skills add https://github.com/loonghao/auroraview --skill ui-ux-pro-max-loonghao
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/loonghao/auroraview/tree/main/.codebuddy/skills/ui-ux-pro-max
Command: npx skills add https://github.com/loonghao/auroraview --skill ui-ux-pro-max-loonghao

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive UI/UX design guidance, helping users create professional, accessible, and visually appealing interfaces across various platforms and stacks.

Core Features & Use Cases

  • Design System Generation: Creates a complete design system (style, colors, typography, patterns) based on project requirements.
  • Stack-Specific Guidelines: Offers best practices for implementation in different technologies (React, Vue, Tailwind, etc.).
  • UX Best Practices: Enforces accessibility, interaction, and layout standards.
  • Use Case: A developer needs to build a new SaaS dashboard. They can use this Skill to generate a complete design system, including color palettes, font pairings, layout structure, and stack-specific implementation advice, ensuring a consistent and high-quality user experience.

Quick Start

Generate a design system for a 'fintech dashboard' project.

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 and Tailwind CSS project?▼

Create a complete UI design system by defining project requirements to output cohesive color palettes, font pairings, and UX guidelines. This approach ensures visually appealing, accessible interfaces for web and mobile applications across multiple technology stacks.

What UX best practices should I follow when building a mobile app interface?▼

Follow UX best practices for mobile app design by enforcing accessibility standards, optimizing interaction patterns, and applying structured layout guidelines. This ensures professional and accessible interfaces that meet platform-specific user experience expectations.

Can I use this to get font pairings and color palettes for a fintech dashboard?▼

Yes, you can generate tailored font pairings and color palettes for a fintech dashboard. The system analyzes project requirements to deliver comprehensive style recommendations suitable for data-heavy SaaS interfaces and financial applications.

Does this provide frontend development guidelines for web design across different technology stacks?▼

Yes, it provides stack-specific guidelines for frontend development across technologies like React and Tailwind CSS. You receive detailed implementation best practices ensuring your web design translates accurately into functional code components.

What's the best way to ensure accessibility in my web design system?▼

The best way to ensure accessibility in your web design system is to enforce interaction and layout standards during generation. The system integrates UX guidelines that address accessibility requirements directly into your style recommendations and component patterns.

Related Skills

Explore More Design & Creative Skills→
moshi-azzmoshi-azz
2

ui-ux-pro-max

Generate UI/UX design systems with guidelines, palettes, and typography for specified tech stacks.

Community
Advanced
Adelie-SquadAdelie-Squad
17

ui-designer

Create and apply design tokens for color, typography, and spacing.

Official
Intermediate
NITRR-OfficialNITRR-Official
4

frontend

Build UI/UX designs, React/Next.js apps, Tailwind CSS components, and 3D web experiences.

Official
Advanced
jabez4jcjabez4jc

ui-ux-pro-max

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

Community
Advanced