skills.rest
Palomig
PalomigCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

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

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

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: Create detailed design systems based on project requirements.
  • Style & Palette Recommendations: Get suggestions for 50+ styles and 97 color palettes.
  • UX Best Practices: Access guidelines for accessibility, performance, and interaction design.
  • Use Case: When designing a new SaaS dashboard, use this Skill to generate a complete design system, including color schemes, font pairings, and layout recommendations, ensuring a professional and consistent look.

Quick Start

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

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

Generate a complete design system by aggregating style data, color palettes, and typography recommendations for web applications. This provides structured UI guidelines ensuring consistent visual identity and user experience across your project.

What are the best practices for UI color palette and typography selection?▼

UI color palette and typography selection best practices involve matching styles to project context while ensuring accessibility. You can get recommendations across 50+ styles and 97 color palettes to find pairings that maintain visual appeal and readability.

How do I ensure accessibility in my UX design guidelines?▼

To ensure accessibility in UX design guidelines, evaluate interaction patterns and visual contrast against established standards. Generating a design system with built-in accessibility rules helps you address performance and inclusive interaction design from the start.

Can I use frontend development guidelines for mobile application UI?▼

Yes, frontend development guidelines can apply to mobile application UI. The design intelligence covers both web and mobile platforms, offering layout and interaction recommendations that adapt to various technology stacks for consistent cross-platform design.

What is the best way to generate a SaaS dashboard design system?▼

The best way to generate a SaaS dashboard design system is to define your project requirements and aggregate matching UI data. This yields a complete framework with color schemes, font pairings, and layout rules for a professional interface.

Related Skills

Explore More Design & Creative Skills→
alunadevalunadev
3

maintaining-brand-identity

Enforce brand identity guidelines for visual design, code, and copywriting.

Community
Intermediate
hschnehschne
1

design-principles

Apply named aesthetic philosophies to frontend UI builds and critiques.

Community
Intermediate
adnanmuelleradnanmueller
2

senior-frontend-engineer

Translate design specs and API contracts into Next.js frontend interfaces.

Community
Advanced
zm2231zm2231

design-feedback

Review UI/UX designs and visual assets with structured checklists and accessibility assessments.

Community
Intermediate