skills.rest
s1366560
s1366560COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Provide UI/UX design guidance on styles, palettes, fonts, and stack best practices.

5|2|Updated Jan 24, 2026
Search Tags:#typography#accessibility#design system#ui/ux#style guide#color palette#frontend development
One-click install
npx skills add https://github.com/s1366560/agi-demos --skill ui-ux-pro-max-s1366560
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/s1366560/agi-demos/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/s1366560/agi-demos --skill ui-ux-pro-max-s1366560

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, offering guidance on styles, color palettes, typography, and stack-specific best practices to create professional and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Recommends styles, palettes, and fonts based on product type and industry.
  • Stack-Specific Guidance: Offers best practices for various development stacks (React, Vue, Tailwind, etc.).
  • UX Best Practices: Provides actionable advice on accessibility, interaction, and layout.
  • Use Case: Design a modern, accessible landing page for a new fintech SaaS product using React and Tailwind CSS, ensuring optimal user experience and visual appeal.

Quick Start

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

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 with a color palette and typography for a SaaS dashboard?▼

To generate a design system for a SaaS dashboard, you can request a minimalist style with a professional color palette and font pairings tailored to your product type. The skill provides actionable recommendations for styles, palettes, and typography based on industry context.

Can I get UI/UX best practices for frontend development using React and Tailwind CSS?▼

Yes, you can get stack-specific UI/UX best practices for frontend development using React and Tailwind CSS. The skill offers guidance on implementing modern, accessible interfaces and interaction layouts within your specific development stack.

What is the best way to ensure accessibility in my web application design?▼

The best way to ensure accessibility is to apply UX best practices during the design and implementation phases. The skill provides actionable advice on interaction, layout, and accessibility standards to help you build professional and user-friendly interfaces.

Does this tool provide font pairings and chart type recommendations for data visualization?▼

Yes, the tool provides font pairings and chart type recommendations for data visualization. It utilizes a searchable database to gather comprehensive design intelligence, ensuring your visual data representations follow professional design standards.

How do I review and improve an existing user interface?▼

To review and improve an existing user interface, use actions like review, fix, optimize, enhance, or refactor. The skill evaluates your current elements against stack-specific best practices and provides recommendations to improve visual appeal and user experience.

Related Skills

Explore More Design & Creative Skills→
mahamaneharouna9-cpumahamaneharouna9-cpu

ui-ux-pro-max

Search UI/UX design styles, palettes, fonts, and stack-specific best practices.

Community
Advanced
FutureAtomsFutureAtoms
1

typography-2026-humanist-warm

Provide humanist typography guidelines and design tokens for React Native interfaces.

Community
Intermediate
hidonguyenhidonguyen

ck:ui-styling

Generate shadcn/ui component libraries with Tailwind CSS themes.

Community
Intermediate
truongnattruongnat

ui-ux-system-pro

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

Community
Advanced