skills.rest
redisread
redisreadCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design systems and UI/UX recommendations for web and mobile apps.

Updated Feb 20, 2026
Search Tags:#typography#accessibility#frontend#ui-ux#design-system#color-palette#component-library
One-click install
npx skills add https://github.com/redisread/product-stories --skill ui-ux-pro-max-redisread
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/redisread/product-stories/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/redisread/product-stories --skill ui-ux-pro-max-redisread

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill solves the challenge of making consistent, high-quality UI/UX design decisions across web and mobile projects. It eliminates guesswork in style selection, color palette generation, typography pairing, and accessibility compliance by providing a searchable database of proven design patterns and reasoning rules.

Core Features & Use Cases

  • Design System Generation: Automatically generates comprehensive design systems including color palettes, typography, spacing, and component specs tailored to your product type.
  • Style & Pattern Recommendations: Suggests 50+ design styles matched to 161 product types with reasoning rules and anti-patterns.
  • Accessibility & UX Auditing: Provides 99 UX guidelines covering touch targets, contrast ratios, keyboard navigation, and animation standards.
  • Stack-Specific Guidance: Offers best practices for 10 technology stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS.
  • Use Case: A developer building a fintech dashboard can instantly get a complete design system with recommended color tokens, font pairings, and layout patterns instead of spending days researching design standards.

Quick Start

Use the ui-ux-pro-max skill to generate a complete design system for your new SaaS dashboard by describing your product type and target audience.

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 UI/UX design system for my SaaS dashboard?▼

To generate a UI/UX design system for a SaaS dashboard, you can use automated design intelligence tools that match your product type to recommended color palettes, typography pairings, and layout patterns. This eliminates guesswork by querying a database of proven design standards and UX guidelines.

What design styles and color palettes work best for specific product types?▼

Finding the best design styles and color palettes for specific product types involves matching your application category against a curated knowledge base. This approach provides intelligent recommendations from over 50 styles and 161 color palettes tailored to your exact product, ensuring visual consistency and relevance.

Can I get UI/UX design recommendations for frameworks like React, Vue, and SwiftUI?▼

Yes, you can get UI/UX design recommendations for frameworks like React, Vue, and SwiftUI. Automated design intelligence tools provide stack-specific guidance and best practices for 10 technology stacks, ensuring that generated design systems translate directly into your frontend code.

How do I check accessibility compliance and UX guidelines for my web application?▼

To check accessibility compliance and UX guidelines for your web application, you should reference a standardized database of 99 UX rules. This ensures your design meets requirements for touch targets, contrast ratios, keyboard navigation, and animation standards without manual auditing.

Do I need Python to use automated UI/UX design intelligence tools?▼

Yes, you need Python installed to run automated UI/UX design intelligence tools that rely on a BM25 search engine. The system uses Python to query a CSV-based knowledge base containing product types, color palettes, and UX guidelines to deliver design recommendations.

Why does my frontend design system lack consistency across web and mobile apps?▼

Your frontend design system lacks consistency across web and mobile apps due to unstructured style selection and guesswork in typography or color pairing. Automating UI/UX decision-making with a searchable database of proven design patterns enforces consistent standards across all platforms.

Related Skills

Explore More Design & Creative Skills→
liamtran96liamtran96

ui-ux-pro-max

Query a structured UI/UX knowledge base using BM25 ranking.

Community
Intermediate
BeerspitnightBeerspitnight
1

frontend-designer

Converts UI/UX design inputs into structured frontend specifications for React, Vue, or HTML/CSS.

Community
Advanced
nielskaspersnielskaspers
6

Bold Designs Skill

Generate distinctive React and Tailwind CSS frontend interfaces with accessibility and performance practices.

Community
Intermediate
RazisafirRazisafir
1

ui-ux-pro-max

Generate design systems, color palettes, and typography suggestions for web and mobile apps.

Community
Advanced