skills.rest
saint2706
saint2706COMMUNITY
Explore all skills by this author →
𝕏@Saint2706GitHub

ui-ux-pro-max

Generate design systems and UI/UX guidance for web and mobile applications.

Updated Aug 21, 2021
Search Tags:#typography#accessibility#design system#ui/ux#color palette#web design#mobile app design
One-click install
npx skills add https://github.com/saint2706/Coding-For-MBA --skill ui-ux-pro-max-saint2706
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/saint2706/Coding-For-MBA/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/saint2706/Coding-For-MBA --skill ui-ux-pro-max-saint2706

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python3, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, offering guidance on styles, color palettes, typography, and UX best practices to create professional and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Creates a complete design system based on product type and keywords.
  • Style & Color Recommendations: Suggests appropriate styles, color palettes, and font pairings.
  • UX Guideline Enforcement: Provides detailed checks for accessibility, interaction, performance, and more.
  • Use Case: When building a new SaaS dashboard, use this Skill to generate a modern, accessible design system, including color tokens, typography scales, and layout recommendations.

Quick Start

Generate a design system for a 'fintech mobile app' using the --design-system command.

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 for a web or mobile app?▼

To generate a design system, provide your product type and keywords. The Skill outputs color tokens, typography scales, and layout recommendations using 161 color palettes, 57 font pairings, and 50+ styles.

What's the best way to ensure my mobile app UI meets accessibility guidelines?▼

To ensure mobile app UI accessibility, apply the Skill's 99 UX guidelines which provide detailed checks for interaction, performance, and access across 10 technology stacks to review and fix your design.

Can I get color palette and font pairing recommendations for a SaaS dashboard?▼

Yes, you can get color palette and font pairing recommendations for a SaaS dashboard. The Skill suggests appropriate styles, 161 color palettes, and 57 font pairings based on your product type.

Do I need Python to review and refactor UI/UX code?▼

Yes, you need Python3 installed to review and refactor UI/UX code. The Skill uses Python3 to check, optimize, and enhance interface elements like buttons, modals, and charts.

How do I apply styles like glassmorphism or dark mode to my interface elements?▼

To apply styles like glassmorphism or dark mode, specify your desired aesthetic when planning or building. The Skill supports 50+ styles to design and implement elements like buttons, modals, and charts.

Related Skills

Explore More Design & Creative Skills→
MuduiClawMuduiClaw
11

design-os

Generate specifications, design tokens, React components, and export packages for product design handoff.

Community
Advanced
chicongstchicongst
2

ui-design

Automates UI design execution by applying tokens, palettes, typography and spacing across frameworks.

Community
Intermediate
aztr0nutzsaztr0nutzs
2

ui-ux-pro-max

Generate design systems with styles, palettes, fonts, and UX guidelines.

Community
Advanced
wangzitian0wangzitian0

ui-ux-pro-max

Generate design systems and UI/UX recommendations for web and mobile applications.

Community
Advanced