ui-ux-pro-max-zh

What problem does it solve?

This Skill eliminates the fragmentation of UI/UX design knowledge by providing a unified, searchable database of design patterns, color palettes, typography pairings, and interaction guidelines. Developers and designers no longer need to manually research design systems across scattered sources, as the Skill delivers context-aware recommendations tailored to specific product types, industries, and technical stacks.

Core Features & Use Cases

• Searchable Design Database: Access 67 UI styles, 161 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types through a BM25-powered search engine.
• Automated Design System Generation: Generate complete design system specifications including layout patterns, visual styles, semantic color tokens, typography scales, and interaction effects with a single command.
• Stack-Specific Implementation Guidance: Retrieve framework-tailored best practices for React, Vue, Svelte, SwiftUI, Flutter, and other major platforms.
• Use Case: A developer building a fintech dashboard can instantly retrieve recommended color palettes, typography pairings, and layout patterns optimized for data-dense interfaces, along with React performance tips for rendering large datasets.

Quick Start

Use the ui-ux-pro-max-zh skill to generate a complete design system for your project by describing your product type and desired style, and it will produce a ready-to-implement specification with colors, fonts, and layout patterns.