skills.rest
johan-Rm
johan-RmCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design systems and audit UI/UX accessibility across technology stacks.

Updated May 6, 2026
Search Tags:#ui#accessibility#frontend#design system#tailwind#ux
One-click install
npx skills add https://github.com/johan-Rm/agents --skill ui-ux-pro-max-johan-rm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/johan-Rm/agents/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/johan-Rm/agents --skill ui-ux-pro-max-johan-rm

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This skill solves the inconsistency and lack of professional standards in UI/UX design by providing a centralized, searchable database of design systems, accessibility guidelines, and implementation best practices.

Core Features & Use Cases

  • Design System Generation: Automatically generates comprehensive design systems including color palettes, typography, and layout patterns based on project requirements.
  • UX/UI Auditing: Provides actionable feedback on accessibility, performance, and interaction design to ensure professional-grade output.
  • Stack-Specific Implementation: Offers tailored guidelines for 13 different technology stacks, including React, Next.js, Tailwind, and Flutter.

Quick Start

Generate a complete design system for a new fintech dashboard project by running the search script with the design-system flag.

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 comprehensive design system with color palettes and typography for a new project?▼

Generate a design system by running the search script with the design-system flag to automatically produce color palettes, typography, and layout patterns based on your project requirements.

What is the best way to audit UI accessibility and interaction design for professional-grade interfaces?▼

Audit UI accessibility and interaction design by applying centralized domain-specific reasoning to evaluate components against professional standards, yielding actionable feedback on performance and accessibility.

Does this UI/UX design intelligence provide stack-specific implementation guidelines for Tailwind and Next.js?▼

Yes, it provides tailored frontend implementation guidelines for 13 different technology stacks, explicitly including React, Next.js, Tailwind, and Flutter, ensuring performance-optimized interface components.

Why do my frontend interfaces lack consistency and fail accessibility standards?▼

Frontend interfaces lack consistency due to missing professional standards; this skill solves it by providing a centralized, searchable database of design systems, accessibility guidelines, and implementation best practices.

How to avoid anti-patterns when implementing a UI design system across multiple technology stacks?▼

Avoid anti-patterns by leveraging domain-specific reasoning that delivers professional-grade design patterns and tailored implementation guidelines for 13 different technology stacks to ensure consistency.

Related Skills

Explore More Design & Creative Skills→
bkywksjbkywksj
309

ui-frontend

Define standardized React UI patterns for Tauri desktop apps.

Community
Intermediate
rmjamesrmjames
1

Brand Guidelines

Enforce design system tokens for spacing, color, and typography in web interfaces.

Community
Basic
EIS-ITSEIS-ITS

Frontend CSS

Apply design tokens and CSS methodologies to style components and optimize production builds.

Official
Intermediate
wahidyankfwahidyankf
3

swe-developing-frontend-ui

Guide TypeScript React UI development with repo-specific design tokens and WCAG compliance.

Community
Intermediate