skills.rest
TeamSloppy
TeamSloppyOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Automate UI/UX design reasoning and recommendations across multiple technology stacks.

26|1|Updated Feb 25, 2026
Search Tags:#typography#design#accessibility#ui-ux#design-system#color-palette
One-click install
npx skills add https://github.com/TeamSloppy/Sloppy --skill ui-ux-pro-max-teamsloppy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/TeamSloppy/Sloppy/tree/main/Sources/sloppy/Resources/Skills/ui-ux-pro-max
Command: npx skills add https://github.com/TeamSloppy/Sloppy --skill ui-ux-pro-max-teamsloppy

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Streamlines UI/UX decision-making by providing structured design guidance, patterns, and rules that speed up cross-stack work.

Core Features & Use Cases

  • Comprehensive design guidelines including color palettes, typography, component patterns, and interaction rules across multiple tech stacks.
  • Step-by-step workflows to plan, build, review, and refine user interfaces for websites, dashboards, and mobile apps.
  • Reusable design-system primitives and recommendations that align with accessibility, motion, and brand consistency.

Quick Start

Provide a complete design system for a dashboard in React including color, typography, components, and accessibility guidance.

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

Build a design system by establishing reusable color palettes, typography scales, component patterns, and accessibility rules. This Skill automates UI/UX design reasoning to output structured guidelines ensuring cross-stack consistency, motion, and brand alignment for web and mobile interfaces.

What is the best way to select a color palette and typography for UI components?▼

Select color palettes and typography by applying structured design rules and domain knowledge. This Skill automates those decisions, providing recommendations that align with accessibility standards and comprehensive design-system primitives for websites and mobile apps.

Does this design reasoning tool provide accessibility and interaction pattern guidance?▼

Yes, this design reasoning tool provides accessibility and interaction pattern guidance. It outputs structured UI/UX recommendations ensuring cross-stack consistency, satisfying requirements for comprehensive design systems that include motion and accessibility rules across multiple technology stacks.

Can I use these UI/UX guidelines across different technology stacks?▼

Yes, you can use these UI/UX guidelines across different technology stacks. The Skill provides structured design guidance and reusable primitives that speed up cross-stack work and maintain consistency for websites, dashboards, and mobile apps.

How do I plan, build, and refine user interfaces step by step?▼

Plan, build, and refine user interfaces using step-by-step workflows. This Skill provides structured design guidelines and reusable primitives to guide the end-to-end process of creating consistent, accessible UI components and interaction patterns for web and mobile apps.

Related Skills

Explore More Design & Creative Skills→
fakhriaditiarahmanfakhriaditiarahman
1

brand-identity

Enforce brand consistency across design tokens, React components, and copy.

Community
Basic
r1cA18r1cA18
4

baseline-ui

Analyze UI files against Tailwind CSS, motion/react, and accessibility constraints.

Community
Intermediate
magic3007magic3007
10

frontend-design

Translate frontend requirements into production-ready UI with code samples.

Community
Advanced
mklozmkloz

ui-ux-pro-max

Generate design systems and UI/UX guidance using Python and ui-reasoning.csv.

Community
Advanced