skills.rest
oliverjone01-dev
oliverjone01-devCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI and UX design recommendations for product interfaces.

1|Updated Apr 16, 2026
Search Tags:#typography#accessibility#dashboard#tailwind#ui-ux#design-system#color-palette
One-click install
npx skills add https://github.com/oliverjone01-dev/t1 --skill ui-ux-pro-max-oliverjone01-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/oliverjone01-dev/t1/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/oliverjone01-dev/t1 --skill ui-ux-pro-max-oliverjone01-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill removes the guesswork from UI and UX decisions by turning product goals into clear design guidance, accessibility checks, and implementation-ready recommendations.

Core Features & Use Cases

It supports design system generation, style and palette selection, typography pairing, chart guidance, accessibility review, and stack-specific UI rules across web and mobile projects. Use it for landing pages, dashboards, SaaS products, e-commerce interfaces, portfolios, admin panels, and mobile apps when you need a consistent, polished, and user-friendly experience.

Quick Start

Ask this skill to generate a design system recommendation for your product and include the product type, industry, style preferences, and target stack.

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 UI design system for a dashboard?▼

To generate a dashboard design system, provide your product type, industry, style preferences, and target stack. The system outputs prioritized design intelligence covering layout, typography, color palettes, and accessibility rules.

What is the best way to choose a color palette and typography for a landing page?▼

The best way to choose color palettes and typography is to request style and palette selection guidance. The system analyzes your product goals to provide optimal typography pairing and visual styles for landing pages.

Can I use this for mobile app UX design and accessibility checks?▼

Yes, you can use this for mobile app UX design and accessibility checks. It delivers prioritized recommendations for accessibility, interaction patterns, and stack-specific guidelines across both web and mobile app projects.

Does this UI design tool work with Tailwind?▼

Yes, this UI design tool works with Tailwind. It provides framework-specific implementation scenarios and stack-specific UI rules, delivering component patterns and design guidelines tailored to your target stack.

How do I create consistent component patterns for a SaaS product?▼

To create consistent component patterns for a SaaS product, request design system generation. It uses reasoning rules and BM25 search to deliver prioritized recommendations for layout, interaction, and visual consistency.

Related Skills

Explore More Design & Creative Skills→
ScorpionConMateScorpionConMate
1

ui-ux-pro-max

Search UI/UX design intelligence for styles, palettes, typography, and stack-specific guidelines.

Community
Intermediate
lionheartapplionheartapp

ui-ux-pro-max

Generate UI/UX design systems with BM25-powered searches and CLI outputs.

Community
Advanced
algusaemalgusaem

tailwind-design-system

Build Tailwind CSS design systems with semantic tokens and CVA-based components.

Community
Intermediate
danghungtb26danghungtb26
3

ui-ux-pro-max

Generate design systems for web and mobile projects across nine technology stacks.

Community
Advanced