skills.rest
WdanielB
WdanielBCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

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

Updated Feb 28, 2026
Search Tags:#accessibility#design patterns#design system#ui/ux#component library#web design#mobile app design
One-click install
npx skills add https://github.com/WdanielB/new_moon --skill ui-ux-pro-max-wdanielb
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/WdanielB/new_moon/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/WdanielB/new_moon --skill ui-ux-pro-max-wdanielb

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, addressing challenges in creating visually appealing, user-friendly, and accessible web and mobile interfaces.

Core Features & Use Cases

  • Design System Generation: Recommends styles, color palettes, font pairings, and UX guidelines tailored to specific product types and technology stacks.
  • UI/UX Auditing: Offers detailed checks for accessibility, interaction, performance, and consistency.
  • Use Case: When building a new e-commerce website, use this Skill to generate a complete design system, including a modern color palette, appropriate typography, and mobile-first responsive layouts, ensuring a professional and accessible user experience.

Quick Start

Generate a design system for a new e-commerce website using the ui-ux-pro-max skill.

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 application?▼

To generate a design system for a web application, specify your product type and technology stack to receive tailored recommendations for color palettes, font pairings, and UX guidelines. This provides a complete foundational design system.

Can I audit my mobile app UI for accessibility and performance?▼

Yes, you can audit your mobile app UI for accessibility and performance by requesting a UI/UX review. This process checks your interface against 99 UX guidelines to identify interaction, performance, and accessibility issues.

Does this UI/UX guidance support specific technology stacks and component libraries?▼

This UI/UX guidance supports 10 technology stacks and integrates with component libraries like shadcn/ui. It provides tailored design patterns and component search examples specific to your development environment.

What is the best way to find font pairings and color palettes for a SaaS dashboard?▼

The best way to find font pairings and color palettes for a SaaS dashboard is to use design intelligence tools that offer tailored recommendations. You can access 161 color palettes and 57 font pairings specific to your product type.

How do I choose the right chart types for my admin panel?▼

To choose the right chart types for your admin panel, leverage design intelligence that covers 25 distinct chart types. This ensures your data visualization aligns with established UX guidelines and your specific product context.

Related Skills

Explore More Design & Creative Skills→
pfrackpfrack

10x-tech-stack-selector

Selects a tech stack from a predefined registry based on PRD requirements.

Community
Advanced
hschnehschne
1

design-principles

Apply named aesthetic philosophies to frontend UI builds and critiques.

Community
Intermediate
andrewle9510andrewle9510

fd-components

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

Community
Advanced
HemanthTennetiHemanthTenneti

extract

Extract reusable design components, tokens, and patterns from UI repositories.

Community
Intermediate