skills.rest
josuerivera300891-prog
josuerivera300891-progCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Organize UI/UX design knowledge with palettes, typography, and accessibility guidelines.

Updated Aug 27, 2026
Search Tags:#typography#design#ui#accessibility#ux#color-palettes
One-click install
npx skills add https://github.com/josuerivera300891-prog/GymTime --skill ui-ux-pro-max-josuerivera300891-prog
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/josuerivera300891-prog/GymTime/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/josuerivera300891-prog/GymTime --skill ui-ux-pro-max-josuerivera300891-prog

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers and teams often struggle to access consistent, scalable UI guidelines and asset libraries across multiple stacks and platforms.

Core Features & Use Cases

  • Comprehensive database of 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks.
  • Provides ready-to-use design tokens, components, and patterns to speed up design reviews, handoffs, and implementation.
  • Use Case: Apply cohesive system across a new product to ensure accessibility, responsiveness, and consistent visual language from landing page to dashboard.

Quick Start

Create a design brief and apply the top recommended UI styles and palettes to your 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 create accessible UI design guidelines for web and mobile projects?▼

Accessible UI design guidelines for web and mobile projects are established by applying a structured knowledge repository covering accessibility, typography, layout, and style guidelines. This ensures responsive and consistent visual language across platforms.

What is the best way to choose color palettes and font pairings for a UI design system?▼

Choosing color palettes and font pairings for a UI design system is streamlined by querying a database of 97 color palettes and 57 font pairings. This provides ready-to-use design tokens to maintain visual consistency.

Can I use these UI style guidelines across multiple technology stacks?▼

These UI style guidelines support multiple technology stacks by providing component patterns and design tokens across 9 specific stacks. This ensures cohesive implementation from landing pages to dashboards.

How do I apply cohesive UX patterns to a new product design?▼

Applying cohesive UX patterns to a new product design involves utilizing 99 UX guidelines and 25 chart types. This structured repository speeds up design reviews, handoffs, and implementation.

Do I need a design brief to start using the UI/UX knowledge base?▼

A design brief is needed to start using the UI/UX knowledge base effectively. Creating a brief allows the system to recommend top UI styles and palettes directly applicable to your project.

Why does my UI design system lack consistency across different platforms?▼

UI design systems lack consistency across different platforms when scalable guidelines and asset libraries are not applied. Accessing a structured repository with 50+ styles and ready-to-use components resolves this fragmentation.

Related Skills

Explore More Design & Creative Skills→
BinkyTwinBinkyTwin
1

ui-theme

Enforce token-based Tailwind theming with CSS variables for UI colors.

Community
Intermediate
haryelramalhoharyelramalho

tailwindcss

Standardize Tailwind CSS v4 component styling with semantic design tokens and tailwind-variants.

Community
Intermediate
Bigme2020Bigme2020

ui-ux-pro-max

Generate design systems with styles, color palettes, and font pairings.

Community
Advanced
shawn-sandyshawn-sandy

design-token-extractor

Extract design tokens from images into W3C DTCG JSON, CSS custom properties, SCSS variables, and Tailwind-style utilities.

Community
Advanced