skills.rest
Base-Analitica
Base-AnaliticaOFFICIAL
Explore all skills by this author →
GitHub

ui-ux-pro-max

Searches local UI/UX datasets to generate design systems, palettes, typography, and stack-specific guidelines.

Updated Aug 19, 2026
Search Tags:#typography#accessibility#design system#color palette#ui design#ux guidelines#bm25 search
One-click install
npx skills add https://github.com/Base-Analitica/mouse-hub --skill ui-ux-pro-max-base-analitica
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Base-Analitica/mouse-hub/tree/main/.jcode/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Base-Analitica/mouse-hub --skill ui-ux-pro-max-base-analitica

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve? Choosing coherent styles, colors, fonts, and interaction patterns for a new interface is slow and inconsistent without a reference base. This Skill provides a searchable local database of UI/UX guidance so design decisions are grounded in curated data instead of guesswork. ## Core Features & Use Cases - Design System Generation: Aggregates product, style, color, landing, and typography matches into a complete design system, with optional persistence as a MASTER.md plus per-page overrides. - Domain-Specific Search: Queries 12 domains (styles, colors, charts, UX guidelines, icons, GSAP motion, typography, Google Fonts, and more) via a BM25 search engine with calibrated abstention thresholds. - Stack Guidelines: Returns implementation rules for 22 stacks including React, Next.js, Vue, Flutter, SwiftUI, Tailwind, and WPF. - Use Case: When building a SaaS dashboard in Next.js, run a design-system query to get a palette, font pairing, and layout pattern, then query the ux and nextjs domains for accessibility and performance rules before implementing. ## Quick Start Ask the AI to generate a design system for your product type and stack, for example: create a design system for a fitness tracking app built with React Native.

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 project?▼

Run the search script with the --design-system flag and a query describing your product type and keywords. It aggregates product, style, color, landing, and typography matches into a complete recommendation with pattern, palette, fonts, and anti-patterns.

What design domains can I search for UI guidance?▼

The tool supports 12 domains: style, color, product, typography, google-fonts, chart, landing, ux, icons, gsap, react, and web. Pass --domain explicitly when auto-detection misroutes overlapping terms like font.

Which frameworks and stacks are supported for implementation guidelines?▼

Stack guidelines cover 22 stacks including React, Next.js, Vue, Svelte, Angular, Flutter, SwiftUI, React Native, Jetpack Compose, HTML-Tailwind, shadcn, Laravel, WPF, WinUI, Avalonia, JavaFX, and Three.js. Use the --stack flag with your detected stack.

Does the search tool require external Python packages?▼

No external dependencies are required. The BM25 search engine is implemented with the Python standard library only, and the script runs with Python 3.x out of the box.

What happens when a search returns zero results?▼

The tool abstains rather than fabricating output when scores fall below calibrated thresholds. Retry once with a narrower query or explicit domain; if still empty, fall back to the built-in priority table and state that no database match was found.

Can I save a generated design system for later sessions?▼

Yes, add --persist with --output-dir pointed at your project root. It creates a design-system folder with a MASTER.md source of truth and optional per-page override files that take precedence for specific pages.

Related Skills

Explore More Design & Creative Skills→
ForgePlanForgePlan
3

project-agent-scaffold

Detect a project's technology stack and generate Claude Code agent proposals.

Official
Intermediate
The-InterdependencyThe-Interdependency
1

ui-ux-pro-max

Generate UI/UX design patterns, color palettes, typography, and implementation checklists.

Official
Advanced
yogvidwankhedeyogvidwankhede
1

colour-systems

Compute OKLCh colour palettes and semantic design tokens for WCAG 2.2 contrast compliance.

Community
Advanced
toilahuonggtoilahuongg
10

design

Generates UI mockups and design specs for Shopify apps using Polaris components.

Community
Basic