skills.rest
tan-yong-sheng
tan-yong-shengCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design systems with styles, palettes, and font pairings for web and mobile apps.

4|20|Updated Sep 27, 2025
Search Tags:#typography#accessibility#design system#ui/ux#color palette#component library#frontend development
One-click install
npx skills add https://github.com/tan-yong-sheng/cloudflare-image-mcp --skill ui-ux-pro-max-tan-yong-sheng
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/tan-yong-sheng/cloudflare-image-mcp/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/tan-yong-sheng/cloudflare-image-mcp --skill ui-ux-pro-max-tan-yong-sheng

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, palettes, typography, and best practices to create professional and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Automatically create a complete design system based on project requirements.
  • Component & Style Recommendations: Get suggestions for colors, fonts, layouts, and UI elements.
  • UX Best Practices: Ensure accessibility, performance, and usability with expert guidelines.
  • Use Case: When starting a new SaaS dashboard project, use this Skill to generate a cohesive design system, including color palettes, font pairings, and layout recommendations, ensuring a professional and accessible user experience.

Quick Start

Generate a design system for a 'fintech mobile app' project.

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

To generate a design system, you can use this Skill to automatically create cohesive styles, 96 color palettes, 56 font pairings, and UI component recommendations based on your specific project requirements.

What font pairings and color palettes work best for a SaaS dashboard?▼

For a SaaS dashboard, this Skill provides expert recommendations from 56 font pairings and 96 color palettes. It ensures your typography and color choices align with UX best practices for accessibility and professional aesthetics.

Can I use this to check UI/UX code for accessibility and best practices?▼

Yes, you can use this to check UI/UX code. It supports review, fix, and optimize actions to ensure your frontend development meets accessibility standards and UX best practices across 13 technology stacks.

Does this integrate with shadcn/ui for component search?▼

Yes, it integrates directly with shadcn/ui for component search. This allows you to find and implement specific UI elements while applying the 67 available style guidelines and component library recommendations.

What's the best way to improve an existing frontend layout?▼

The best way to improve a frontend layout is using the enhance and refactor actions. This Skill reviews your current UI/UX code and offers actionable suggestions to optimize usability, performance, and visual design.

Related Skills

Explore More Design & Creative Skills→
vanman2024vanman2024
10

design-system-enforcement

Enforce design-system compliance for Next.js UI components with shadcn/ui and Tailwind v4.

Community
Advanced
lucasreydmanlucasreydman

frontend-design

Design and implement accessible, responsive frontend interfaces with cohesive color systems.

Community
Advanced
scanbottscanbott

ui-ux-pro-max

Generate UI/UX design guidance across 67 styles, 96 palettes, and 57 font pairings.

Community
Advanced
fefogarciafefogarcia
1

design-consistency-auditor

Audits frontend applications for design system consistency and accessibility.

Community
Advanced