skills.rest
maskelog
maskelogCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate repeatable UI/UX design systems with patterns, palettes, typography, and accessibility rules.

1|1|Updated Feb 28, 2025
Search Tags:#typography#ui#accessibility#ux#design-system#color-palette#design-guidance
One-click install
npx skills add https://github.com/maskelog/Daegu_bus_flutter_app --skill ui-ux-pro-max-maskelog
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/maskelog/Daegu_bus_flutter_app/tree/main/.cursor/skills/ui-ux-pro-max
Command: npx skills add https://github.com/maskelog/Daegu_bus_flutter_app --skill ui-ux-pro-max-maskelog

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Automates the planning and guidance for UI/UX design by generating a cohesive design system for web and mobile projects, reducing iteration time and ensuring consistent interfaces across platforms.

Core Features & Use Cases

  • Design System Generation: create patterns, color palettes, typography, accessibility rules, and component guidelines across React, Next.js, Vue, Svelte, Flutter, SwiftUI, React Native, and HTML-tailwind.
  • Cross-Stack Guidance: provides stack-agnostic design guidance that adapts to project requirements and team workflows.
  • Anti-Patterns & Best Practices: highlights common pitfalls and recommended practices for scalable UI development.
  • Use Case: launch a new SaaS dashboard with accessible components, consistent typography, and a color system aligned to brand.

Quick Start

Analyze your project requirements and ask the AI to generate a complete UI/UX design system with patterns, colors, typography, and accessibility rules.

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/UX design system for cross-platform mobile and web projects?▼

To generate a UI/UX design system for cross-platform projects, analyze your requirements and prompt the AI to create cohesive patterns, color palettes, typography, and accessibility rules across React, Vue, Svelte, Flutter, SwiftUI, and HTML-tailwind.

What is included in a generated design system for SaaS dashboards?▼

A generated design system for SaaS dashboards includes structured output covering component patterns, accessible color palettes, typography rules, and anti-patterns to ensure consistent UI development across your chosen tech stack.

Can I use this design guidance with React Native and SwiftUI stacks simultaneously?▼

Yes, this design guidance supports React Native and SwiftUI simultaneously by providing stack-agnostic UI/UX rules that adapt to project requirements, ensuring consistent interfaces across both mobile platforms.

How do I prevent UI inconsistency when building components across different frameworks?▼

You prevent UI inconsistency across frameworks by applying a repeatable design system with hierarchical retrieval, which delivers tailored patterns, accessibility rules, and anti-patterns to align interfaces across different tech stacks.

Does the generated design system include accessibility rules and anti-patterns?▼

Yes, the generated design system includes specific accessibility rules and highlights common anti-patterns alongside best practices to ensure scalable and inclusive UI development for your web and mobile applications.

Related Skills

Explore More Design & Creative Skills→
Kouakou-Christ-AxelKouakou-Christ-Axel

ui-ux-pro-max

Provide UI/UX design guidance across React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS.

Community
Advanced
guideopsguideops

corporate

Provide design guidelines with color, typography, and spacing scales for enterprise design systems.

Community
Advanced
stamp-kkookkstamp-kkookk
1

design-system

Standardize frontend UI development with Tailwind v4.0 components and accessibility patterns.

Official
Advanced
saranskumarsaranskumar

uiux-designer

Generate design system tokens and guidelines for React, Vue, Next.js, Flutter, and SwiftUI.

Community
Intermediate