skills.rest
St0ff3l
St0ff3lCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max-zh

Search 67 UI styles, 161 color palettes, and 99 UX guidelines via BM25.

234|36|Updated May 15, 2026
Search Tags:#typography#accessibility#frontend#search#ui-ux#colors#design-system
One-click install
npx skills add https://github.com/St0ff3l/fileterm --skill ui-ux-pro-max-zh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max-zh
Source: https://github.com/St0ff3l/fileterm/tree/main/.agents/skills/ui-ux-pro-max-zh
Command: npx skills add https://github.com/St0ff3l/fileterm --skill ui-ux-pro-max-zh

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

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.

Frequently Asked Questions about ui-ux-pro-max-zh

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a complete UI/UX design system for a specific product type?▼

You can generate a complete UI/UX design system by describing your product type and desired style, which produces a ready-to-implement specification including colors, font pairings, and layout patterns.

What UI styles and color palettes are available for web and mobile apps?▼

Available UI resources include 67 UI styles, 161 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types for web and mobile application development scenarios.

Can I get framework-tailored UI implementation guidance for React or Flutter?▼

Yes, you can retrieve stack-specific implementation guidance and framework-tailored best practices for React, Vue, Svelte, SwiftUI, and Flutter to optimize your UI rendering and interactions.

How do I search for specific UX guidelines and typography pairings?▼

You search for UX guidelines and typography pairings using a BM25-powered semantic search engine that queries across product, style, color, typography, chart, landing, and UX domains.

Does this design system generation tool work for SaaS dashboards and e-commerce platforms?▼

Yes, the design intelligence tool provides context-aware recommendations and searchable design patterns specifically tailored for product types ranging from SaaS dashboards to e-commerce platforms.

What is the best way to find color palettes optimized for data-dense fintech interfaces?▼

The best way is to query the searchable design database with your fintech dashboard context, which instantly returns recommended color palettes, typography pairings, and layout patterns optimized for data-dense interfaces.

Related Skills

Explore More Design & Creative Skills→
EONMUNEONMUN
1

spec_driven_development.plan

Convert clarified specifications into technical plans with architecture, data models, and API contracts.

Official
Advanced
fabio21777fabio21777
1

frontend-design

Design and build production-grade frontend interfaces from user requirements.

Community
Advanced
DanielPodolskyDanielPodolsky
274

frontend-fundamentals

Review React and Vue components for architecture, state management, and accessibility.

Community
Basic
Michal-J-KolodziejMichal-J-Kolodziej

ui-ux

Generate UI/UX design systems with style libraries, palettes, typography, and guidelines.

Community
Advanced