skills.rest
decoutkhanqindev
decoutkhanqindevCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Search UI/UX design guidelines for styles, palettes, typography, and charts.

8|Updated May 18, 2025
Search Tags:#typography#design system#color palette#ui-ux#stack#chart
One-click install
npx skills add https://github.com/decoutkhanqindev/DexReader --skill ui-ux-pro-max-decoutkhanqindev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/decoutkhanqindev/DexReader/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/decoutkhanqindev/DexReader --skill ui-ux-pro-max-decoutkhanqindev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, csv, bm25, pandas, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides UI/UX design intelligence, offering a vast collection of styles, palettes, font pairings, charts, and stacks to streamline the design process and improve outcomes.

Core Features & Use Cases

  • Comprehensive Design Guide: Includes 67 styles, 96 color palettes, 57 font pairings, 25 charts, and 13 stacks across various technologies.
  • Searchable Database: Prioritized recommendations for color palettes, accessibility, animation, layout, typography, and font pairing.
  • Integrations: shadcn/ui MCP for component search and examples.
  • Use Case: When you need to design a new UI component or page and need guidance on the best color palettes, typography, and styles.

Quick Start

Generate a design system for a "SaaS dashboard" project named "My 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 complete design system with color palettes and typography for a SaaS dashboard?▼

Generate a design system by requesting UI/UX intelligence for your specific project type, which provides prioritized recommendations across 96 color palettes, 57 font pairings, and 67 styles to streamline your SaaS dashboard design process.

Can I search for specific UI style recommendations and font pairings across different technology stacks?▼

Search for specific UI style recommendations using the built-in searchable database, which leverages BM25 text search to deliver prioritized font pairings and style guidelines across 13 supported technology stacks.

Do I need Python installed to use this UI/UX design intelligence tool?▼

Python is required to run this UI/UX design intelligence tool, along with specific dependencies including pandas for data handling, csv for parsing design asset files, and bm25 for executing text search queries.

What design guidelines are available for creating accessible charts and data visualizations?▼

Accessible chart and data visualization guidelines are available within the design intelligence database, offering 25 chart recommendations alongside accessibility prioritization to ensure your visualizations meet proper UX standards.

How does shadcn/ui integration work for finding UI component examples?▼

The shadcn/ui MCP integration enables direct component search and example retrieval, allowing you to find relevant UI components that align with the generated style, color palette, and typography recommendations for your project.

What is the best way to get prioritized recommendations for color accessibility and animation guidelines?▼

The best way to get prioritized recommendations is querying the searchable design database, which ranks color accessibility, animation, layout, and typography guidelines based on your specific UI component or page requirements.

Related Skills

Explore More Design & Creative Skills→
pylover7pylover7

ui-ux-pro-max

Generate UI/UX design systems from user queries using BM25 search.

Community
Advanced
anibaldebonianibaldeboni

ui-ux-pro-max

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

Community
Advanced
PriyanshudotdevPriyanshudotdev

ui-ux-pro-max

Generate design systems and review UI/UX code for web and mobile applications.

Community
Advanced
zero-rehqzero-rehq

ui-ux-pro-max

Retrieves UI/UX design guidance via BM25 search across style, color, typography, chart, and UX domains.

Community
Advanced