skills.rest
hollandkevint
hollandkevintCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design systems with styles, color palettes, and typography.

5|1|Updated Aug 26, 2025
Search Tags:#accessibility#design system#ui/ux#style guide#component library#frontend development
One-click install
npx skills add https://github.com/hollandkevint/thinkhaven --skill ui-ux-pro-max-hollandkevint
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/hollandkevint/thinkhaven/tree/main/apps/web/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/hollandkevint/thinkhaven --skill ui-ux-pro-max-hollandkevint

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

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

Core Features & Use Cases

  • Design System Generation: Creates a complete design system based on project requirements.
  • Component Styling: Offers recommendations for specific UI elements like buttons, cards, and forms.
  • UX Best Practices: Enforces critical guidelines for accessibility, performance, and interaction.
  • Use Case: When designing a new SaaS dashboard, use this Skill to generate a cohesive design system, select appropriate color palettes and fonts, and ensure adherence to accessibility standards.

Quick Start

Generate a design system for a 'fintech mobile app' with the project name 'SecureBank'.

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 cohesive design system for a new web application?▼

To generate a design system, provide your project requirements and application type. The AI generates a comprehensive style guide, recommending color palettes, typography, and UI components that ensure visual consistency across your frontend.

What UX best practices should I enforce when building a component library?▼

When building a component library, you should enforce UX best practices for accessibility, performance, and interaction. This ensures UI elements like buttons and forms meet critical usability guidelines and provide a user-friendly experience.

Can I get specific UI component styling recommendations for a SaaS dashboard?▼

Yes, you can get specific UI component styling recommendations for a SaaS dashboard. The system provides targeted guidance for individual elements like cards and forms, ensuring they align with your overarching design system and UX standards.

How do I manage and persist page-specific style overrides for a design system?▼

To manage and persist page-specific style overrides, the system stores master design system files while allowing targeted page overrides. This maintains global styling consistency across your technology stack while accommodating unique interface requirements.

Does this design intelligence tool support color palette and typography selection for mobile apps?▼

Yes, the design intelligence tool supports color palette and typography selection for mobile apps. It provides tailored stylistic recommendations to create visually appealing interfaces that adhere to UX best practices across various technology stacks.

Related Skills

Explore More Design & Creative Skills→
trueratruera
3.5k

trulens-dataset-curation

Create and curate ground-truth evaluation datasets for TruLens.

Official
Intermediate
yrlanrteixeirayrlanrteixeira

minimalist-ui

Generate minimalist document-style web interfaces with warm monochrome palettes.

Community
Advanced
headline-designheadline-design
10

v0

Create accessibility-compliant web interfaces following v0 design standards.

Community
Intermediate
raydocsraydocs
1

ui-ux-pro-max

Search UI/UX design guidelines for styles, palettes, and typography.

Community
Basic