skills.rest
nmoralescyber
nmoralescyberCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Audits and designs accessible, token-driven UI across multiple frameworks.

Updated Apr 25, 2026
Search Tags:#accessibility#responsive#tokens#ui-ux#design-system#cross-stack
One-click install
npx skills add https://github.com/nmoralescyber/claude-skill-optimization --skill ui-ux-pro-max-nmoralescyber
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/nmoralescyber/claude-skill-optimization/tree/main/skills/design/ui-ux-pro-max
Command: npx skills add https://github.com/nmoralescyber/claude-skill-optimization --skill ui-ux-pro-max-nmoralescyber

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

General-purpose UI/UX design guidance across multiple stacks to unify interfaces, improve accessibility, and streamline front-end delivery.

Core Features & Use Cases

  • Cross-stack UI design guidance for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and plain HTML/CSS
  • Design system foundations, token guidance, and component-level patterns
  • Accessibility-first reviews and implementation best practices
  • End-to-end design coordination across components, pages, and flows

Quick Start

Describe the UI task you want to accomplish and specify the target stack to begin designing a component or screen.

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 consistent UI design system across multiple front-end frameworks?▼

To create a consistent UI design system across frameworks, use token-based styling to enforce shared design rules, component patterns, and universal UX principles for cross-stack interfaces.

What is the best way to audit accessibility in React and Vue components?▼

The best way to audit accessibility in React and Vue components is to apply stack-agnostic guidelines and accessibility-first reviews to evaluate responsive behavior and component-level patterns.

Does this UI/UX design approach work with Tailwind and shadcn/ui?▼

Yes, this UI/UX design approach works with Tailwind and shadcn/ui, providing token-driven styling guidance and cross-stack design coordination for those specific front-end stacks.

How do I implement responsive design tokens for SwiftUI and Flutter?▼

To implement responsive design tokens for SwiftUI and Flutter, define token-based styling rules that deliver accessible experiences and maintain design-system hygiene across mobile stacks.

Can I use plain HTML and CSS with this cross-stack UI design workflow?▼

Yes, you can use plain HTML and CSS with this cross-stack UI design workflow, which includes stack-agnostic guidelines and universal UX principles for end-to-end design coordination.

Related Skills

Explore More Design & Creative Skills→
billydeeii136billydeeii136

ckm:design-system

Manage token architecture, component specifications, and slide generation for UI/UX design.

Community
Advanced
manastalukdarmanastalukdar
1

boilerplate

Generate framework-specific boilerplate code for frontend and backend development.

Community
Intermediate
viktorbezdekviktorbezdek
10

frontend-design

Create accessible, responsive UI design systems with Tailwind CSS, Radix UI, and shadcn/ui.

Community
Advanced
cogni-daocogni-dao
4

ui-ux-pro-max

Generates structured web and mobile UI/UX design systems with Master + Overrides persistence.

Official
Advanced