skills.rest
mr-creative-hmh
mr-creative-hmhCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generates UI/UX design systems and implementation guidance via local BM25 search over curated design datasets.

Updated Aug 25, 2026
Search Tags:#typography#accessibility#design system#color palette#ui design#ux guidelines#bm25 search
One-click install
npx skills add https://github.com/mr-creative-hmh/creative-tasks --skill ui-ux-pro-max-mr-creative-hmh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/mr-creative-hmh/creative-tasks/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/mr-creative-hmh/creative-tasks --skill ui-ux-pro-max-mr-creative-hmh

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Choosing coherent styles, colors, typography, and interaction patterns for a new interface is slow and inconsistent, and reviewing existing UI for accessibility or UX issues requires scattered knowledge. This Skill provides a searchable local knowledge base of design systems, palettes, font pairings, UX guidelines, icons, charts, GSAP motion presets, and stack-specific best practices. ## Core Features & Use Cases - Design System Generation: Run a single --design-system query to get a complete visual direction (pattern, style, colors, typography, effects, anti-patterns) and optionally persist it as a MASTER.md plus per-page override files. - Domain & Stack Searches: Query 12 domains (style, color, typography, ux, chart, icons, gsap, react, web, and more) and 22 stacks (React, Next.js, Vue, Laravel, SwiftUI, Flutter, etc.) for targeted implementation guidance. - Use Case: When asked to build an analytics dashboard, run search.py "internal analytics dashboard" --design-system --density 8 to get a dense dashboard design system, then query --domain chart for chart recommendations and --stack vue for framework-specific rules. ## Quick Start Ask the assistant to design a landing page or dashboard for your product and let it run the bundled search.py script with a design-system query matching your product type and stack.

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 generate a design system for a new web project?▼

Run the bundled search.py script with the --design-system flag and a query describing your product type and style keywords. It returns a complete design system with pattern, style, colors, typography, effects, and anti-patterns, which you can persist with --persist for reuse across sessions.

What frameworks and stacks does the UI guidance cover?▼

The stack search covers 22 stacks including React, Next.js, Vue, Svelte, Astro, Angular, Nuxt, shadcn, Tailwind, Laravel, SwiftUI, React Native, Flutter, Jetpack Compose, Three.js, JavaFX, WPF, WinUI, Avalonia, Uno, and UWP. Use --stack <name> with a keyword query to get implementation-specific best practices.

Does the search script require installing Python packages?▼

No, the bundled scripts use only the Python 3 standard library with no third-party packages and no network access. If Python is missing, the instructions say to ask the user to install it rather than running package-manager commands.

How do I search for accessibility or UX best practices?▼

Use --domain ux with a query focused on one observable outcome, such as "error summary validation" or "focus not obscured". The guidance recommends querying the semantic outcome first, then a component domain like icons, and only then the implementation stack.

Can I tune the generated design system for dashboards versus marketing pages?▼

Yes, three optional dials adjust the output: --variance (minimal to bold layouts), --motion (subtle to complex GSAP choreography), and --density (spacious to dense spacing scales). Use high density for dashboards and low density for marketing pages.

What should I do when a search returns no useful results?▼

Retry once with a narrower query or an explicit domain or stack flag. If the retry still fails, the skill instructs you to state that no verified match was found and use clearly labeled general guidance instead of persisting unverified output.

Related Skills

Explore More Design & Creative Skills→
DanialHaseebDanialHaseeb

bolder

Analyze bland designs and produce a focused amplification plan.

Community
Intermediate
idiaz01idiaz01
3

browser-qa

Automate browser-based UI testing with smoke, interaction, visual, and accessibility checks.

Community
Advanced
hbritelhbritel

ux-researcher

Facilitate user research, journey mapping, and persona development for product teams.

Community
Advanced
toilahuonggtoilahuongg
10

shopify-polaris-viz

Generate accessible Polaris Viz charts for Shopify Apps.

Community
Intermediate