skills.rest
powxenv
powxenvCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generates UI/UX design systems with palettes, typography, and UX guidelines for web and mobile apps.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill 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 best practices to create professional and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Create a complete design system tailored to specific product types, industries, and keywords.
  • Component Styling: Get recommendations for UI elements like buttons, modals, and forms across various technology stacks.
  • UX Best Practices: Access critical guidelines for accessibility, performance, and interaction design.
  • Use Case: When building a new SaaS dashboard, use this Skill to generate a professional design system, select an appropriate color palette, and ensure accessibility compliance.

Quick Start

Generate a design system for a "beauty spa wellness service" with an "elegant" style for a project named "Serenity Spa".

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 new web application?▼

To generate a design system, provide your product type, industry, and style keywords. The tool outputs comprehensive UI/UX guidelines including color palettes, typography, and component styling for web and mobile applications.

What's the best way to ensure UI accessibility compliance for my SaaS dashboard?▼

The best way to ensure UI accessibility is to apply built-in UX best practices. It provides critical guidelines for accessibility, performance, and interaction design to create professional and user-friendly interfaces.

Can I get UI component styling recommendations for different frontend development stacks?▼

Yes, you can get UI component styling recommendations across multiple technology stacks. It offers detailed search capabilities for design elements like buttons, modals, and forms tailored to your specific frontend environment.

Do I need Python to run this UI/UX design intelligence tool?▼

Yes, you need Python 3 and specific libraries installed for execution. The environment requires these dependencies to process design system generation and deliver color palette or typography recommendations.

How do I select an appropriate color palette and typography for a specific product style?▼

Selecting a color palette and typography involves specifying style keywords like "elegant". The tool matches these inputs against design intelligence to output tailored visual styles and UX guidelines for your project.

Related Skills

Explore More Design & Creative Skills→
Syedyasir001Syedyasir001

ui-ux-pro-max

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

Community
Advanced
Adelie-SquadAdelie-Squad
17

ui-designer

Create and apply design tokens for color, typography, and spacing.

Official
Intermediate
dev-mirzabicerdev-mirzabicer

frontend-ui-ux

Translate design briefs into production-ready frontend UI components.

Community
Advanced
Ben1821Ben1821

ui-ux-pro-max

Generate design systems with style, color, typography, and motion guidelines.

Community
Advanced