skills.rest
Enztun
EnztunCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI layouts, UX flows, and design systems for web frameworks.

Updated Aug 13, 2025
Search Tags:#accessibility#design system#ux design#frontend development#ui design
One-click install
npx skills add https://github.com/Enztun/enztronic.com --skill ui-ux-pro-max-enztun
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Enztun/enztronic.com/tree/main/apps/meteora-lp/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Enztun/enztronic.com --skill ui-ux-pro-max-enztun

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides design intelligence and implementation guidance for building polished interfaces, helping users with UI/UX design, development, and best practices.

Core Features & Use Cases

  • UI/UX Design: Offers guidance on UI design, UX flows, information architecture, visual style direction, design systems, component specs, and accessibility.
  • Development: Includes workflows for generating new UI layouts and styling, improving existing UI/UX, producing design-system tokens and component guidelines, and turning UX recommendations into code changes.
  • Use Case: When a user needs UI design, UX flows, information architecture, visual style direction, design systems, component specs, copy, accessibility, or frontend UI development assistance.

Quick Start

Use the ui-ux-pro-max skill to get UI design guidance for a new SaaS product.

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 design system with reusable component specs and tokens?▼

To create a design system, this skill provides workflows for producing design-system tokens, component guidelines, and visual style direction. It translates UX flows and design principles into structured component specifications for consistent interface implementation.

What's the best way to map UX flows and information architecture for a new SaaS product?▼

Mapping UX flows and information architecture is handled by offering comprehensive UI/UX design guidance. It structures visual style direction and information architecture to help you plan user journeys and frontend layouts for SaaS products.

Can I use this to turn UX design recommendations into React or Vue frontend code?▼

Yes, you can turn UX recommendations into code changes. It supports frontend implementation across HTML/CSS/JS, React, Next.js, Vue, Svelte, and Tailwind, bridging UI layout generation and actual development.

Does this workflow include accessibility guidelines for frontend UI development?▼

Accessibility is explicitly included in its UI/UX design guidance. It covers design principles and component specs that ensure frontend UI development meets accessibility requirements alongside visual styling.

How do I improve existing UI design and styling without starting from scratch?▼

Improving existing UI/UX is supported through dedicated workflows that analyze current interfaces. It refines UI design, styling, and overall user experience by applying design principles and generating targeted code changes.

Related Skills

Explore More Design & Creative Skills→
Mhafis99Mhafis99

frontend-design

Transform vague UI requirements into token-based frontend code for React, Vue, and Svelte.

Community
Advanced
sjoerdbeentjessjoerdbeentjes

frontend-design

Design production-grade frontend interfaces with accessible, responsive HTML/CSS/JS.

Community
Intermediate
viralcodeviralcode
61

ui-ux-pro-max

Generates UI/UX designs and frontend code for web, iOS, and Android.

Community
Advanced
froggugugugufroggugugugu

ui-ux-design

Review UI/UX designs for design system compliance and accessibility standards.

Community
Advanced