ui-ux-pro-max

Generate UI/UX design guidance and frontend code for web and mobile platforms.

1|Updated Jan 31, 2026

Search Tags:#react #design system #ui/ux #interface design #tailwind css #frontend development

Ready to run

npx skills add https://github.com/kjaylee/misskim-skills --skill ui-ux-pro-max-kjaylee

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/kjaylee/misskim-skills/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/kjaylee/misskim-skills --skill ui-ux-pro-max-kjaylee

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence and implementation guidance, enabling the creation of polished, user-friendly interfaces across various platforms and frameworks.

Core Features & Use Cases

UI/UX Design & Guidance: Get recommendations for layouts, flows, visual styles, design systems, and component specifications.
Code Generation & Refinement: Generate or critique frontend UI code (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind).
Design System Creation: Produce design tokens, component guidelines, and accessibility notes.
Use Case: A developer needs to design a new dashboard for a SaaS product. They can use this Skill to get layout suggestions, color palettes, typography choices, and even generate initial React component code and Tailwind CSS styles.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a SaaS dashboard.

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 UI design system for a SaaS dashboard?▼

To generate a UI design system for a SaaS dashboard, define your layout, color palettes, typography, and component guidelines. This process produces design tokens, accessibility notes, and frontend code specifications to ensure a polished, user-friendly interface across web platforms.

What is the best way to get UX recommendations for improving existing interface designs?▼

The best way to get UX recommendations for existing interface designs is to critique the current visual styles and information architecture. This evaluates UX flows and component specifications, translating design improvements into actionable frontend code refinements for web and mobile platforms.

Can I generate React and Tailwind CSS code directly from UI design specifications?▼

Yes, you can generate React and Tailwind CSS code directly from UI design specifications. Translating UX recommendations into frontend code allows you to produce initial component structures and styling for frameworks like Next.js, Vue, and Svelte based on your visual style choices.

Does this UI/UX design guidance support both web and mobile platforms?▼

Yes, this UI/UX design guidance supports both web and mobile platforms. It provides AI-driven interface design intelligence covering responsive layouts, UX flows, and component specifications tailored for cross-platform frontend development and design system creation.

How do I produce design tokens and accessibility notes for a frontend component library?▼

To produce design tokens and accessibility notes for a frontend component library, define your visual styles and component guidelines systematically. This establishes a scalable design system that standardizes UI elements and ensures compliance with accessibility requirements during code generation.