skills.rest
maxrave-dev
maxrave-devCOMMUNITY
Explore all skills by this author →
Website𝕏@maxrave_devGitHub

ui-ux-pro-max

Search a database of UI styles, palettes, fonts, and stack-specific best practices.

10.4k|519|Updated Apr 15, 2023
Search Tags:#typography#ui#design system#style guide#color palette#frontend development#ux
One-click install
npx skills add https://github.com/maxrave-dev/SimpMusic --skill ui-ux-pro-max-maxrave-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/maxrave-dev/SimpMusic/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/maxrave-dev/SimpMusic --skill ui-ux-pro-max-maxrave-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, offering a vast database of styles, palettes, font pairings, and stack-specific best practices to streamline the design and development process.

Core Features & Use Cases

  • Design System Generation: Access 50+ UI styles, 21 color palettes, 50 font pairings, and 20 chart types.
  • Stack-Specific Guidance: Get tailored recommendations for React, Next.js, Vue, Tailwind CSS, and more.
  • Use Case: A developer needs to quickly design a professional-looking landing page for a new SaaS product. They can use this Skill to find a suitable minimalist style, a complementary color palette, elegant font pairings, and best practices for a responsive Tailwind CSS implementation.

Quick Start

Use the ui-ux-pro-max skill to find a minimalist style and color palette for a SaaS landing page.

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 find the right color palette and font pairings for a UI design system?▼

Yes, it provides stack-specific best practices and component guidance for React, Next.js, and Vue. You can retrieve tailored UI styles and layout recommendations to implement responsive components within these frameworks.

Can I get Tailwind CSS implementation guidance for web and mobile layouts?▼

Yes, you can get Tailwind CSS implementation guidance for web and mobile layouts. It offers stack-specific best practices to help you translate UI styles and design systems into responsive frontend code.

What is the best way to choose chart types and UI styles for data visualization?▼

The best way to choose chart types and UI styles for data visualization is using a searchable database of 20 chart types and 50+ UI styles. This helps you match visual formats to your data structure and aesthetic requirements.

Does this UI design database include accessibility and animation best practices?▼

Yes, the UI design database includes accessibility and animation best practices. It offers comprehensive guidance to ensure your frontend components meet accessibility standards while maintaining smooth motion design.

Related Skills

Explore More Design & Creative Skills→
MuchunpengMuchunpeng

baidu-search

Query Baidu BDSE to retrieve live web results.

Community
Intermediate
ralphjohn29ralphjohn29
1

ui-ux-pro-max

Provide UI/UX design recommendations for React, Next.js, Vue, and SwiftUI.

Community
Advanced
FortiumPartnersFortiumPartners

styling-with-tailwind

Apply Tailwind CSS 3.x utility classes for responsive UI styling and theme configuration.

Official
Intermediate
terzigoluterzigolu
37

figma-generate-design

Translate code-based UI layouts into Figma screens using design-system tokens.

Community
Intermediate