skills.rest
pxlcrtiv
pxlcrtivCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design system recommendations for web and mobile applications across 10 technology stacks.

Updated Jul 3, 2026
Search Tags:#typography#mobile design#design system#ui/ux#color palette#web design#ui/ux guidelines
One-click install
npx skills add https://github.com/pxlcrtiv/opencode-setup --skill ui-ux-pro-max-pxlcrtiv
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/pxlcrtiv/opencode-setup/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/pxlcrtiv/opencode-setup --skill ui-ux-pro-max-pxlcrtiv

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, styles, colors, typography, charts, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill solves the problem of manual UI/UX design and decision-making by providing intelligent recommendations and guidelines for web and mobile applications.

Core Features & Use Cases

  • Comprehensive Design Guide: Provides design recommendations across 10 technology stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS.
  • Styles, Palettes, and Fonts: Offers 50+ styles, 161 color palettes, 57 font pairings, and 161 product types.
  • UX Guidelines: Provides 99 UX guidelines and 25 chart types to ensure accessibility, performance, and consistency.
  • Use Case: When building a web application, this Skill can suggest the best UI components, color schemes, typography, and layout systems based on best practices and industry standards.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new project "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 UI/UX design system for a new web application?▼

To generate a UI/UX design system for a web application, this tool provides intelligent recommendations for color palettes, typography, and UI components based on best practices across 10 technology stacks like React, Next.js, and Vue.

What are the best UX guidelines for building mobile applications?▼

The best UX guidelines for mobile applications include 99 specific rules for accessibility and consistency, supported by 25 chart types and 57 font pairings to ensure performance and visual coherence.

Does this UI/UX design tool support Tailwind and SwiftUI?▼

Yes, this UI/UX design tool supports Tailwind and SwiftUI, alongside eight other stacks including React Native, Flutter, Svelte, and shadcn/ui, providing tailored design recommendations for each environment.

How do I choose the right color palette and font pairings for my project?▼

To choose the right color palette and font pairings, this tool evaluates your project type against 161 color palettes, 57 font pairings, and 50+ styles, applying reasoning rules to recommend the best visual combination.

Do I need Python to use this UI/UX guidelines skill?▼

Yes, you need Python installed along with various design-related libraries like colors and typography, because the skill relies on these dependencies to process design logic and generate project-specific recommendations.

What are the limitations of automated UI/UX design recommendations?▼

A limitation of automated UI/UX design recommendations is that they rely on predefined anti-patterns and 161 product types, meaning highly bespoke or unconventional interface layouts may require manual override beyond the provided 99 UX guidelines.

Related Skills

Explore More Design & Creative Skills→
SaikeNOSaikeNO

ui-ux-pro-max

Generate UI/UX design systems with BM25 search and reasoning rules.

Community
Advanced
distribucionesfayosmoreno-sysdistribucionesfayosmoreno-sys

ui-ux-pro-max

Generate design systems with style guides, color palettes, and typography pairings.

Community
Advanced
gula00gula00
2

ui-ux-pro-max

Generate and refine frontend UI code across React, Next.js, Vue, and Svelte.

Community
Advanced
ev3rlitev3rlit

ui-ux-pro-max

Generate UI/UX design systems with patterns, palettes, typography, and guidelines.

Community
Advanced