skills.rest
aiaihome
aiaihomeCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Consolidate scattered UI/UX assets into a searchable knowledge base.

Updated Mar 31, 2026
Search Tags:#typography#ui-ux#style-guide#color-palette#ux-guidelines#design-guidance
One-click install
npx skills add https://github.com/aiaihome/SinotransAI --skill ui-ux-pro-max-aiaihome
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/aiaihome/SinotransAI/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/aiaihome/SinotransAI --skill ui-ux-pro-max-aiaihome

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

AI-powered UI/UX design automation and guidance, compiling styles, palettes, typography, charts, and UX guidelines into a single searchable knowledge base to accelerate design decisions and ensure consistency across projects.

Core Features & Use Cases

  • Searchable UI/UX style guides featuring 50 styles, 21 palettes, 50 font pairings, and 20 chart types to support websites, dashboards, admin panels, e-commerce, portfolios, and mobile apps.
  • Stack-aware guidelines for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, HTML/Tailwind, and other commonly used stacks to streamline design-to-implementation workflows.
  • UX best practices, color and typography recommendations, accessibility considerations, and component patterns to speed up reviews and design systems development.

Quick Start

Fetch a complete UI style guide for a dashboard project with dark mode accessibility.

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 find UI style guides for different frameworks like React and Vue?▼

Find UI style guides by searching a consolidated knowledge base that provides stack-aware guidelines for React, Next.js, Vue, Svelte, and SwiftUI to streamline design-to-implementation workflows.

What's the best way to choose a color palette and typography for a web dashboard?▼

The best way to choose colors and typography is referencing a searchable database of 21 palettes and 50 font pairings, complete with UX best practices and accessibility considerations for dashboards.

Can I get UX guidelines for mobile apps built with Flutter or React Native?▼

Yes, you can get UX guidelines for mobile apps because the system covers Flutter and React Native, providing component patterns and accessibility recommendations to accelerate mobile design decisions.

How do I ensure design consistency across multiple web projects?▼

Ensure design consistency by applying standardized UX best practices, typography pairings, and component patterns from a centralized style guide knowledge base across websites, portfolios, and e-commerce projects.

Does this UI/UX guidance include accessibility considerations for dark mode?▼

Yes, this UI/UX guidance includes accessibility considerations for dark mode, allowing you to fetch complete style guides that support dark mode accessibility for dashboard and web projects.

What chart types are available for admin panel design guidance?▼

Admin panel design guidance includes 20 chart types within a searchable UI/UX knowledge base, helping you quickly select visualizations that align with established UX best practices.

Related Skills

Explore More Design & Creative Skills→
chicogongchicogong

ui-ux-pro-max

Generate UI/UX design plans from a searchable BM25 knowledge base.

Community
Advanced
JayZeeDesignJayZeeDesign
170

theme-factory

Apply selected themes with cohesive color palettes and typography to artifacts.

Community
Basic
daniel-heydari-devdaniel-heydari-dev

interface-design

Enforce UI design standards for spacing, color, typography, and responsive patterns.

Community
Intermediate
aleph23aleph23

aesthetic

Apply design principles to create aesthetically beautiful interfaces.

Community
Advanced