skills.rest
j-show
j-showOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

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

Updated May 15, 2026
Search Tags:#ui#accessibility#design system#web design#ux#gsap
One-click install
npx skills add https://github.com/j-show/ai-everything --skill ui-ux-pro-max-j-show
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/j-show/ai-everything/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/j-show/ai-everything --skill ui-ux-pro-max-j-show

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill solves the challenge of maintaining design consistency and professional quality across diverse technology stacks by providing a searchable, rule-based database of UI/UX best practices.

Core Features & Use Cases

  • Design System Generation: Automatically generates comprehensive design systems including color palettes, typography, and layout rules tailored to specific product types.
  • Design Intelligence: Provides actionable recommendations for accessibility, interaction patterns, and performance based on 98 UX guidelines and 22 technology stacks.
  • Use Case: When building a new SaaS dashboard in Next.js, use this Skill to generate a consistent design system that includes accessible color tokens, responsive layout breakpoints, and GSAP motion presets.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new e-commerce mobile application.

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 design system for a web or mobile application?▼

To generate a design system, this tool applies rule-based UI/UX best practices to automatically produce comprehensive color palettes, typography, and layout rules tailored to your specific product type.

What is the best way to ensure UI accessibility and performance across different technology stacks?▼

The best way to ensure accessibility and performance is applying its searchable database of 98 UX guidelines across 22 technology stacks, providing actionable recommendations for interaction patterns and interface quality.

Can I use GSAP for motion presets when building a UI design system?▼

Yes, you can use GSAP for motion presets. The design intelligence integrates directly with GSAP to provide motion presets as part of the generated design system for web and mobile applications.

Does this UI design tool support Next.js dashboards and mobile e-commerce applications?▼

Yes, it supports Next.js dashboards and mobile e-commerce applications. It provides intelligent UI/UX design recommendations and generates accessible color tokens, responsive breakpoints, and motion presets for these specific use cases.

How do I verify interface quality before delivering a web design project?▼

To verify interface quality before delivery, you use the built-in pre-delivery checklist. This professional-grade checklist evaluates your web design against accessibility, performance, and interaction rules to ensure standards compliance.

What are the limitations of automated design system generation for UX?▼

Automated design system generation provides rule-based recommendations and tokens across 22 stacks, but limitations include relying on predefined interaction rules and UX guidelines, meaning highly bespoke visual branding still requires manual design refinement.

Related Skills

Explore More Design & Creative Skills→
hiroto0701hiroto0701

ui-ux-pro-max

Generate design systems with color palettes, typography, and UX best practices.

Community
Advanced
jokken79jokken79
1

frontend-design

Design frontend interfaces with typography, color, layout, motion, and accessibility.

Community
Advanced
kentojekentoje
2

ui-skills

Enforce UI constraints for accessible agent interfaces using Tailwind defaults.

Community
Basic
inkeepinkeep
1.4k

web-design-guidelines

Analyzes UI code to enforce Web Interface Guidelines and accessibility best practices.

Official
Intermediate