skills.rest
ariesanhthu
ariesanhthuCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate UI/UX design system recommendations with patterns, styles, colors, and typography.

Updated Mar 15, 2026
Search Tags:#typography#landing page#design system#ui/ux#style guide#color palette#frontend development
One-click install
npx skills add https://github.com/ariesanhthu/HiveK --skill ui-ux-pro-max-ariesanhthu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/ariesanhthu/HiveK/tree/main/.cursor/skills/ui-ux-pro-max
Command: npx skills add https://github.com/ariesanhthu/HiveK --skill ui-ux-pro-max-ariesanhthu

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the UI/UX design process by providing intelligent recommendations for styles, colors, typography, and layouts, ensuring professional and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Automatically generates comprehensive design system recommendations based on project requirements.
  • Style & Trend Analysis: Identifies and suggests relevant UI styles, color palettes, and typography pairings.
  • Best Practice Enforcement: Offers guidance on UX best practices and common anti-patterns to avoid.
  • Use Case: Generate a design system for a new FinTech SaaS dashboard, ensuring a modern, trustworthy, and accessible user experience.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a 'fintech crypto dashboard'.

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 landing page?▼

Generating a design system for a landing page involves analyzing your project query to output tailored aesthetic styles, color palettes, typography pairings, and layout patterns. You receive a complete style guide with UX best practices and anti-patterns to avoid.

What is the best way to choose a color palette and typography for a UI style?▼

Choosing a color palette and typography for a UI style involves analyzing your product type to suggest relevant aesthetic trends and font pairings. This ensures your interface maintains a professional and user-friendly visual hierarchy.

Can I get UI/UX recommendations for a FinTech SaaS dashboard?▼

Yes, you can get UI/UX recommendations for a FinTech SaaS dashboard by querying the system with your specific product type. It generates a tailored style guide ensuring a modern, trustworthy, and accessible user experience.

Do I need Python3 to generate UX best practices and anti-patterns?▼

Yes, you need Python3 installed in your environment to run the scripts that generate UX best practices and anti-patterns. The system relies on this dependency to analyze your project query and output design recommendations.

What are common UI anti-patterns to avoid in frontend development?▼

Common UI anti-patterns to avoid in frontend development are provided alongside generated design system recommendations. The system enforces best practices by identifying these anti-patterns based on your specific product type and project requirements.

Related Skills

Explore More Design & Creative Skills→
SeemSeamSeemSeam
17

ui-ux-pro-max

Generate design systems with styles, colors, typography, and layout patterns for web and mobile applications.

Community
Advanced
anhxuanphamanhxuanpham

ui-ux-pro-max

Generate UI/UX design guidance for frontend interfaces across multiple stacks.

Community
Advanced
VidyaBodepudiVidyaBodepudi
2

frontend-ui-engineering

Review web components for accessibility, responsiveness, and performance.

Community
Advanced
ceslepceslep

ckm:banner-design

Generate creative banner designs for specified platforms, styles, and dimensions.

Community
Advanced