skills.rest
chef0111
chef0111COMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generates UI/UX design systems for web and mobile applications, including styles, palettes, fonts, UX guidelines, and integrates with shadcn/ui for components.

1|Updated Feb 17, 2026
Search Tags:#color palettes#typography#accessibility#mobile design#design system#ui/ux#web design
One-click install
npx skills add https://github.com/chef0111/physthink --skill ui-ux-pro-max-chef0111
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/chef0111/physthink/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/chef0111/physthink --skill ui-ux-pro-max-chef0111

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive intelligence for UI/UX design, offering guidance on styles, color palettes, typography, and user experience best practices to create professional and effective interfaces.

Core Features & Use Cases

  • Design System Generation: Creates tailored design systems based on product type and industry.
  • Component Design: Assists in creating and refactoring UI elements like buttons, modals, and forms.
  • UX Guideline Enforcement: Ensures adherence to accessibility, interaction, and performance standards.
  • Use Case: When building a new e-commerce website, use this Skill to generate a cohesive design system, select appropriate color palettes and typography, and ensure the user interface is intuitive and accessible.

Quick Start

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

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, provide your product type and industry context to receive tailored guidance on color palettes, typography, font pairings, and UX guidelines. This establishes a cohesive foundation for building professional web and mobile interfaces.

What's the best way to ensure UI accessibility and UX guidelines are enforced in my design?▼

Enforcing UI accessibility and UX guidelines requires checking your interface elements against established interaction, accessibility, and performance standards. This process ensures components like forms and modals meet professional user experience criteria during design review and optimization.

Can I use this with shadcn/ui to find and create UI components?▼

Yes, this integrates with shadcn/ui to facilitate component search and provide examples. You can use it to assist in creating and refactoring UI elements like buttons and modals while applying the generated design system rules.

How do I select appropriate color palettes and typography for an e-commerce website?▼

Selecting color palettes and typography for e-commerce involves matching styles to your specific product type and industry. The skill provides tailored intelligence on font pairings and color schemes to ensure the user interface is intuitive and accessible.

Does this provide guidance on chart types and styles for different technology stacks?▼

Yes, it covers chart types and styles across multiple technology stacks. This allows you to plan, build, and optimize data visualization components within your established UI/UX framework.

What are the limitations of using a generated UI/UX design system for mobile design?▼

Generated UI/UX design systems provide baseline intelligence for mobile design styles and components, but you must manually implement and adapt the provided code and guidelines to fit specific platform constraints and complex custom interactions.

Related Skills

Explore More Design & Creative Skills→
kazdenckazdenc
42

design-brief

Explore codebases and ask user-centric questions to synthesize design context.

Community
Intermediate
PriyanshudotdevPriyanshudotdev

ui-ux-pro-max

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

Community
Advanced
andrewle9510andrewle9510

fd-components

Creates reusable React components with Tailwind and shadcn/ui for web apps.

Community
Advanced
RanNahmanyRanNahmany
7

ui-ux-pro-max

Generate design systems with styles, palettes, typography, and UX guidelines.

Community
Advanced