skills.rest
darkmatter
darkmatterOFFICIAL
Explore all skills by this author →
Website𝕏@_darkmatterlabsGitHub

ui-ux-pro-max

Select UI and UX guidance by matching style, palette, typography, layout, motion, and interaction rules.

1|Updated Apr 27, 2026
Search Tags:#typography#accessibility#design system#color palette#ui design#responsive layout#ux review
One-click install
npx skills add https://github.com/darkmatter/skills --skill ui-ux-pro-max-darkmatter
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/darkmatter/skills/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/darkmatter/skills --skill ui-ux-pro-max-darkmatter

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams make high-quality UI and UX decisions by turning broad design goals into concrete guidance for style, color, typography, layout, motion, and accessibility.

Core Features & Use Cases

  • Design System Selection: Recommends product-appropriate styles, palettes, font pairings, and interaction patterns.
  • UI Review and Improvement: Flags accessibility, responsiveness, navigation, and visual consistency issues in existing interfaces.
  • Implementation Guidance: Supports practical decisions for web and mobile components such as dashboards, forms, charts, modals, and navigation.
  • Use Case: If a landing page feels generic or hard to use, this Skill can identify the best visual direction and the UX rules needed to make it feel polished and usable.

Quick Start

Ask the skill to generate a design system for your product idea and use its recommendations to choose the best style, colors, typography, and UX rules.

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

To create a design system, you define product-appropriate visual styles, color palettes, typography pairings, and interaction patterns. This provides structured, consistent implementation guidance for components like dashboards, forms, and navigation across web and native stacks.

What is the best way to improve UX and visual consistency in an existing dashboard?▼

Improving UX and visual consistency involves running a UI review to flag accessibility, responsiveness, and navigation issues. You then apply priority-based rule selection and accessibility-aware fallbacks to make the dashboard polished and usable.

How do I choose the right color palette and typography for a landing page?▼

Choosing the right color palette and typography requires matching your broad design goals with concrete visual direction. You select the strongest UI guidance by evaluating style, palette, font pairings, and motion rules tailored to the landing page.

Can I use this for accessibility reviews and responsive layout fixes on native apps?▼

Yes, you can use this for accessibility reviews and responsive layout fixes on native apps. It applies accessibility-aware fallbacks and interaction rules to improve visual quality and usability across both web and native stacks.

What UX rules should I apply when refactoring UI components like modals and charts?▼

When refactoring UI components like modals and charts, apply priority-based rule selection for interaction patterns and motion. This ensures accessibility-aware fallbacks and consistent visual quality improvements are implemented during the component refactor.

Related Skills

Explore More Design & Creative Skills→
Ohh-889Ohh-889
785

ui-ux-pro-max

Generate a cohesive design system from multi-domain UI/UX guidance.

Community
Advanced
hookvibehookvibe
3

ui-ux-pro-max

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

Official
Basic
sablier-labssablier-labs
9

spec-from-screenshot

Analyzes website screenshots and outputs a structured SPEC.md document.

Official
Intermediate
hayatoschayatosc
1

web-design-guidelines

Review HTML, CSS, and JavaScript files against Web Interface Guidelines and accessibility rules.

Community
Intermediate