skills.rest
kjaylee
kjayleeCOMMUNITY
Explore all skills by this author →
Website𝕏@kjayleeGitHub

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
One-click install
npx skills add https://github.com/kjaylee/misskim-skills --skill ui-ux-pro-max-kjaylee
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
pingmepipingmepi

pm-stage-04-design-spec

Generate design specifications with traceability to PRD user stories.

Community
Advanced
dejanvasic85dejanvasic85
1

frontend-design

Generates Tailwind and CSS-based designs and layouts for a given text description, with multiple aesthetic options to choose from.

Community
Basic
allthingslinuxallthingslinux
4

tailwind-design-system

Standardize Tailwind CSS design tokens and component variants for scalable UI.

Official
Intermediate
allofmengallofmeng
12

figma-generate-design

Translate code-driven UI into Figma screens using design-system tokens.

Community
Advanced