ui-ux-pro-max

Query a searchable repository of styles, palettes, fonts, and stack guidelines.

218|14|Updated Apr 5, 2025
One-click install
npx skills add https://github.com/cin12211/orca-q --skill ui-ux-pro-max-cin12211
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/cin12211/orca-q/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/cin12211/orca-q --skill ui-ux-pro-max-cin12211

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill centralizes UI/UX knowledge, providing a searchable repository of styles, color palettes, font pairings, charts, and stack guidelines to speed up design discovery and decision-making across products.

Core Features & Use Cases

  • Searchable design resources: access 50 styles, 21 palettes, 50 font pairings, and 20 charts across multiple stacks.
  • Workflow guidance: supports analysis, planning, and implementation of design systems for websites, dashboards, admin panels, and mobile apps.
  • Use Case: quickly assemble a cohesive design system for a new dashboard by retrieving color, typography, and component patterns in one place.

Quick Start

Use the ui-ux-pro-max skill to query for a modern, accessible design system for a React dashboard, including color palette, typography, and component suggestions.

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 assemble a cohesive design system for a new dashboard?

To assemble a dashboard design system, query centralized repositories for matching color palettes, typography pairings, and chart components. This provides structured access to style guidelines, enabling rapid iteration from concept to asset selection for admin panels and products.

What font pairings and color palettes are available for UI/UX design?

Available UI/UX design assets include 50 styles, 21 color palettes, and 50 font pairings. These resources are searchable within a centralized repository, allowing teams to quickly retrieve cohesive visual styles for websites, dashboards, and mobile apps.

Does this design system repository support React and html-tailwind stacks?

Yes, the design system repository supports scenario-driven queries and provides stack-specific guidelines, defaulting to html-tailwind. It enables structured access to domains like product, typography, color, and charts for rapid implementation.

Can I get UI component suggestions for specific landing page scenarios?

Yes, you can retrieve UI component suggestions for landing pages by querying the searchable repository. It supports scenario-driven queries for dashboards, admin panels, and product websites, helping speed up design discovery and decision-making.

What is the best way to find accessible chart patterns for a product website?

The best way to find accessible chart patterns is to query the centralized UI/UX knowledge repository, which includes 20 charts across multiple stacks. This enables rapid iteration and enforces structured access to chart domains for product websites.

Are there limitations to the styles provided when planning a mobile app design?

The repository provides 50 styles and structured workflow guidance for mobile app design, but focuses primarily on asset selection and planning. It defaults to html-tailwind guidelines, so implementation outside this stack requires manual adaptation.