skills.rest
toanalien
toanalienCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems with styles, palettes, fonts, and UX guidelines.

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

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: Create a complete design system based on project requirements.
  • Component Styling: Get recommendations for specific UI elements like buttons, modals, and forms.
  • UX Best Practices: Ensure accessibility, performance, and optimal user interaction.
  • Use Case: When building a new SaaS dashboard, use this Skill to generate a design system that includes a modern style, an appropriate color palette, and accessibility guidelines.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new e-commerce website.

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

To create a complete design system, this Skill generates a cohesive set of UI/UX guidelines by matching your project requirements with 50+ styles, 97 color palettes, and 57 font pairings to establish a consistent visual language.

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

Yes, you can get UI component styling recommendations for a SaaS dashboard by leveraging its design intelligence to suggest appropriate styles, color palettes, and UX best practices for specific interface elements.

What's the best way to ensure frontend accessibility and UX best practices in my interface?▼

The best way to ensure frontend accessibility and UX best practices is to apply its 99 built-in UX guidelines, which evaluate your interface against established interaction patterns and accessibility standards.

Does this design intelligence tool work with shadcn/ui components?▼

Yes, this design intelligence tool works directly with shadcn/ui by integrating component search capabilities, allowing you to find and implement styled components that align with your generated design system.

How do I review and optimize existing UI/UX code for better visual consistency?▼

To review and optimize existing UI/UX code, the Skill analyzes your current implementation and provides actionable recommendations to fix, enhance, and refactor styles using its library of design patterns and typography rules.

What technology stacks are supported for generating UI/UX design guidelines?▼

This Skill supports generating UI/UX design guidelines across 9 distinct technology stacks, ensuring that the design system and component recommendations align with your specific frontend development environment.

Related Skills

Explore More Design & Creative Skills→
takemo101takemo101

basic-design-writer

Generate foundational system design documents in Japanese with Mermaid diagrams.

Community
Intermediate
sinhong2011sinhong2011
5

ui-ux-pro-max

Provide UI/UX design intelligence with styles, palettes, and font pairings.

Community
Advanced
VidyaBodepudiVidyaBodepudi
2

frontend-ui-engineering

Review web components for accessibility, responsiveness, and performance.

Community
Advanced
alexsandrocruzalexsandrocruz

ui-ux-pro-max

Generate UI/UX design system recommendations via multi-domain BM25 searches.

Community
Advanced