skills.rest
jitenkr2030
jitenkr2030COMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate complete design systems and implementation guidance for web platforms.

Updated Mar 5, 2026
Search Tags:#typography#accessibility#pattern#ui-ux#design-system#color-palette
One-click install
npx skills add https://github.com/jitenkr2030/QR-Based-Guard-Attendance-Patrol-Proof-System --skill ui-ux-pro-max-jitenkr2030
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/jitenkr2030/QR-Based-Guard-Attendance-Patrol-Proof-System/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/jitenkr2030/QR-Based-Guard-Attendance-Patrol-Proof-System --skill ui-ux-pro-max-jitenkr2030

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

The UI/UX Pro Max skill provides design intelligence and implementation guidance to accelerate the creation of polished interfaces across web platforms, bridging the gap between UX concepts and production-ready UI.

Core Features & Use Cases

  • Generate complete design systems, including tokens, patterns, color palettes, typography, and component guidelines.
  • Produce UX flows, information architecture, and accessibility considerations, then translate recommendations into actionable implementation guidance.
  • Critically evaluate and refine frontend UI (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind) with concrete deliverables and maintainable documentation.

Quick Start

Use the UI/UX Pro Max skill to describe your project requirements (product type, target platform, and design constraints) and receive a tailored design system alongside implementation 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 generate a complete design system with color palettes and typography for my web app?▼

Generate a complete design system by providing your project requirements, target platform, and design constraints to receive tailored color palettes, typography rules, UI patterns, and component guidelines alongside actionable implementation guidance.

How do I create accessible UI components that work across React, Vue, Svelte, and Tailwind?▼

Create accessible UI components across React, Vue, Svelte, and Tailwind by applying generated UX flows and accessibility considerations that translate directly into structured outputs and platform-specific implementation guidance.

What is the best way to translate UX concepts into production-ready frontend code?▼

Translating UX concepts into production-ready frontend code involves generating information architecture and component guidelines, then mapping those design tokens into maintainable HTML/Tailwind or framework-specific implementation outputs.

Can I use AI to evaluate and refine my existing frontend UI implementation?▼

You can critically evaluate and refine existing frontend UI implementations in frameworks like React, Next.js, Vue, and Svelte to receive concrete deliverables, structured design recommendations, and maintainable documentation.

Does UI guidance include accessibility considerations for web platforms?▼

UI guidance includes accessibility considerations for web platforms by integrating them into UX flows and information architecture, ensuring generated component guidelines satisfy code integration and documentation requirements.

What do I need to provide to get tailored UI patterns and style guidelines?▼

Provide your product type, target platform, and specific design constraints to receive tailored UI patterns, style guides, and structured implementation recommendations suitable for your web project.

Related Skills

Explore More Design & Creative Skills→
BatsiraiBatsirai

design-consultation

Generates a DESIGN.md design system blueprint for web apps and dashboards.

Community
Advanced
h4vzzh4vzz
33

Frontend Design

Generate accessible React, Vue, Svelte, or HTML components with design tokens.

Community
Advanced
mustafazeydanimustafazeydani

tailwind-css-patterns

Generate utility-first Tailwind CSS classes for responsive web design.

Community
Intermediate
Tx1207Tx1207
5

ui-ux-pro-max

Transform vague UI requests into design-system guidance and implementation notes.

Community
Advanced