skills.rest
Adam-Guerin
Adam-GuerinCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

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

Core Features & Use Cases

  • Design System Generation: Automatically generate a complete design system based on project requirements.
  • Component Styling: Get recommendations for colors, fonts, and UI styles tailored to specific product types and industries.
  • UX Best Practices: Access critical guidelines for accessibility, interaction, performance, and layout.
  • Use Case: When starting a new SaaS dashboard project, use this Skill to generate a cohesive design system, including color palettes, font pairings, and layout recommendations, ensuring a professional and accessible user experience.

Quick Start

Generate a design system for a new fintech dashboard project.

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

A design system centralizes UI components, typography, and color palettes to ensure consistent visual design across web and mobile applications. It provides reusable styling rules and accessibility guidelines to streamline development.

What UX best practices should I follow for accessibility and interaction design?▼

UX best practices for accessibility and interaction design ensure interfaces are usable by everyone, regardless of ability. This involves following color contrast guidelines, keyboard navigation, and clear visual hierarchy to improve user experience.

Can I get font pairings and color palette recommendations for specific industries?▼

Yes, font pairings and color palettes can be selected based on industry standards, brand identity, and target audience expectations. Tools often provide curated combinations optimized for readability and aesthetic harmony.

Does this UI/UX design intelligence work for both web design and mobile design?▼

Yes, UI/UX design principles apply to both web and mobile platforms, with adjustments for screen size, touch interactions, and responsive layouts. Mobile design prioritizes thumb zones and simplified navigation, while web design leverages hover states and wider layouts.

How do I review existing UI elements for performance and visual design?▼

Reviewing UI elements for performance and visual design involves auditing components against design system standards, checking rendering speed, and ensuring consistent styling. This identifies bottlenecks and visual inconsistencies.

Related Skills

Explore More Design & Creative Skills→
sayeedjoysayeedjoy
12

ui-ux-pro-max

Generate design systems with stack-specific UI/UX recommendations.

Community
Advanced
ryan-mtryan-mt
3

anti-ai-design

Enforce non-AI design rules across web, desktop, mobile, and CLI interfaces.

Community
Advanced
VidyaBodepudiVidyaBodepudi
2

frontend-ui-engineering

Review web components for accessibility, responsiveness, and performance.

Community
Advanced
mkatoguimkatogui
3

brand-identity-generator

Generate brand identity systems with CSS-ready tokens and brand guidelines.

Community
Advanced