skills.rest
chicogong
chicogongCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

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

1|Updated Jan 8, 2026
Search Tags:#typography#design#ui#reference#ux#style-guide#color-palette
One-click install
npx skills add https://github.com/chicogong/aimake --skill ui-ux-pro-max-chicogong
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/chicogong/aimake/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/chicogong/aimake --skill ui-ux-pro-max-chicogong

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design guidance by aggregating style guides, color palettes, typography pairings, and component patterns into an accessible, searchable knowledge base to accelerate design decisions and ensure consistency across products.

Core Features & Use Cases

  • Searchable database of UI styles, color palettes, font pairings, chart types, UX guidelines, and stack-specific best practices to inform design decisions.
  • Generate complete design briefs for websites, dashboards, mobile apps, and marketing pages, including layout, typography, color strategy, and component patterns.
  • Real-world use case: a designer needs a cohesive design system for a SaaS dashboard with accessible color contrast and responsive typography.

Quick Start

Describe your UI/UX goal and I will generate a complete design plan using styles, palettes, typography, and components from the integrated knowledge base.

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 cohesive design system for a SaaS dashboard?▼

UI style guidance works by searching a curated knowledge base using BM25 retrieval to match your product design goals with relevant UX guidelines, color palettes, typography, and stack-specific component patterns.

What is the best way to find accessible color palettes and typography for a landing page?▼

The best way to find accessible color palettes and typography for a landing page is to query a searchable database that synthesizes color contrast strategies, font pairings, and component layouts into a structured design brief.

Can I get stack-specific UI component recommendations for mobile apps?▼

Yes, you can get stack-specific UI component recommendations for mobile apps by describing your UI/UX goal, which triggers the system to retrieve matching layout patterns and design guidelines from its integrated knowledge base.

Do I need a pre-existing style guide to generate UI design recommendations?▼

Limitations of AI-generated UI design guidance include its reliance on a curated knowledge base for style and component patterns, meaning it provides structured design plans and references rather than producing direct visual output files.

Related Skills

Explore More Design & Creative Skills→
Owl-ListenerOwl-Listener
2.0k

design-brief

Define and document a design brief with problem space, audience, constraints, and success criteria.

Community
Intermediate
Lyiu-10Lyiu-10

frontend-design

Enforce intentional design choices in frontend interfaces across major frameworks.

Community
Advanced
HemanthTennetiHemanthTenneti

normalize

Normalize frontend UI components to match design system standards and tokens.

Community
Intermediate
27252441342725244134

ui-ux-pro-max

Retrieve UI/UX design guidance from a knowledge base using BM25 search.

Community
Intermediate