skills.rest
FrekiManagarm
FrekiManagarmCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design systems with guidelines, palettes, typography, and accessibility for web and mobile.

Updated May 11, 2026
Search Tags:#typography#accessibility#react#design system#vue#color palette#ux design#nextjs#ui design
One-click install
npx skills add https://github.com/FrekiManagarm/pav-d-mill --skill ui-ux-pro-max-frekimanagarm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/FrekiManagarm/pav-d-mill/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/FrekiManagarm/pav-d-mill --skill ui-ux-pro-max-frekimanagarm

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill solves the challenge of designing user interfaces and user experiences (UI/UX) by providing a comprehensive set of design guidelines, best practices, and actionable recommendations across multiple technology stacks.

Core Features & Use Cases

  • Comprehensive Design System: Offers patterns, styles, color palettes, typography, and effects for web and mobile applications.
  • Actionable Recommendations: Provides step-by-step guidance for designing UI/UX elements, including accessibility considerations.
  • Stack Support: Supports React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and shadcn/ui.
  • Use Case: For a SaaS product landing page, this Skill can generate a full design system with style recommendations, color palettes, typography, and accessibility guidelines to ensure a professional and accessible user experience.

Quick Start

Generate a design system for a SaaS dashboard using the ui-ux-pro-max skill.

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 design system for a React or Next.js application?▼

You can generate a design system for React or Next.js by applying the Skill's built-in design principles, accessibility considerations, and UI patterns to create tailored style recommendations, color palettes, and typography rules.

What's the best way to ensure accessibility is included in my UI design system?▼

The best way to ensure accessibility in your UI design system is to use this Skill, which applies accessibility considerations directly to generate step-by-step guidance and actionable recommendations for your web and mobile interfaces.

Can I use this to create a UI design system for a SaaS dashboard?▼

Yes, you can use this Skill to create a comprehensive UI design system for a SaaS dashboard, generating specific style recommendations, typography, and color palettes suited for the SaaS industry context.

Does the generated design system support mobile frameworks like SwiftUI and Flutter?▼

Yes, the generated design system supports mobile frameworks like SwiftUI and Flutter, extending its comprehensive design patterns, styles, and effects to both web and mobile application environments.

How do I apply design guidelines and color palettes in Vue or Svelte?▼

To apply design guidelines and color palettes in Vue or Svelte, the Skill delivers stack-specific recommendations that integrate core design principles and best practices directly into your component architecture.

Related Skills

Explore More Design & Creative Skills→
martin-hsu-testmartin-hsu-test
1

design-consultation

Generate a DESIGN.md design system covering typography, color, layout, spacing, and motion.

Community
Advanced
viralcodeviralcode
61

ui-ux-pro-max

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

Community
Advanced
krzemienskikrzemienski
2

ck:ui-ux-pro-max

Generate cohesive UI/UX design systems with patterns, colors, typography, and accessibility guidance.

Community
Advanced
Likas07Likas07

accessibility-auditor

Audit digital interfaces against WCAG 2.2 AA standards with assistive technologies.

Community
Advanced