skills.rest
ankitsharma495
ankitsharma495COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

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

Updated Dec 3, 2025
Search Tags:#typography#accessibility#design system#ui/ux#color palette#frontend development
One-click install
npx skills add https://github.com/ankitsharma495/Flowbase --skill ui-ux-pro-max-ankitsharma495
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/ankitsharma495/Flowbase/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/ankitsharma495/Flowbase --skill ui-ux-pro-max-ankitsharma495

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive intelligence for UI/UX design, offering guidance on styles, palettes, typography, and best practices across various technology stacks to ensure professional and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Creates detailed design systems based on product type, industry, and keywords.
  • Component & Style Recommendations: Offers suggestions for UI elements, color palettes, font pairings, and design styles.
  • UX Best Practices: Enforces critical guidelines for accessibility, interaction, performance, and layout.
  • Use Case: When designing a new SaaS dashboard, use this Skill to generate a professional design system, select an appropriate color palette, choose readable fonts, and ensure accessibility compliance.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a 'beauty spa wellness service' with 'elegant' keywords.

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 specific industry or product type?▼

To generate a design system, you provide the product type, industry, and keywords. The system outputs detailed UI elements, color palettes, font pairings, and design styles tailored to your inputs.

What UX guidelines does this cover for accessibility and performance?▼

This covers 99 UX guidelines focused on critical areas like accessibility, interaction, performance, and layout, ensuring professional and user-friendly interfaces across the supported stacks.

Can I use this to select color palettes and font pairings for frontend development?▼

Yes, you can select from 97 color palettes and 57 font pairings. It provides component and style recommendations to ensure readable typography and cohesive visual design for frontend projects.

Does this support UI/UX implementation across multiple technology stacks?▼

Yes, it supports UI/UX implementation across 9 technology stacks. It assists in building, reviewing, fixing, and refactoring UI code while enforcing best practices for the chosen stack.

What's the best way to choose a UI style for a new SaaS dashboard?▼

The best way is to leverage the 50+ available design styles to match your product goals. You can generate a complete design system, select appropriate palettes, and ensure accessibility compliance.

Related Skills

Explore More Design & Creative Skills→
koki3141koki3141
2

ui-ux-pro-max

Generate design systems for UI/UX projects using Python scripts.

Community
Advanced
darknetopencv-altdarknetopencv-alt
34

color-font-skill

Provide color palettes and font pairings for presentation design.

Community
Basic
Adam-GuerinAdam-Guerin
1

ui-ux-pro-max

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

Community
Advanced
distribucionesfayosmoreno-sysdistribucionesfayosmoreno-sys

ui-ux-pro-max

Generate design systems with style guides, color palettes, and typography pairings.

Community
Advanced