skills.rest
MANR255926
MANR255926COMMUNITY
Explore all skills by this author →
𝕏@Allyan255926GitHub

ui-ux-pro-max

Generates design systems and UI guidance via BM25 search over local CSV datasets.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Choosing styles, colors, fonts, and interaction patterns for a new interface is slow and inconsistent without a reference base. This Skill provides a searchable local knowledge base of UI/UX styles, palettes, typography pairings, UX guidelines, icons, charts, motion presets, and stack-specific rules so design decisions are grounded in curated data. ## Core Features & Use Cases - Design System Generation: The --design-system mode aggregates product, style, color, landing, and typography matches into a complete design system with anti-patterns, and can persist it as a Master file plus per-page overrides. - Domain & Stack Search: Query 12 domains (style, color, typography, ux, chart, icons, gsap, react, web, and more) and 22 stacks (React, Next.js, SwiftUI, Flutter, JavaFX, etc.) for targeted implementation guidance. - Design Dials: Tune output with --variance, --motion, and --density sliders to bias toward minimal or bold styles, attach GSAP snippets, and adjust spacing scales. - Use Case: When asked to build a fintech dashboard, run a design-system query to get a coherent palette, typography, and style direction, then run stack and UX searches for accessibility and performance rules before writing code. ## Quick Start Ask the AI to design a landing page for your product and have it run the ui-ux-pro-max search script with the --design-system flag using your product type and style keywords.

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, industry, and style keywords. The command aggregates product, style, color, landing, and typography matches into a complete design system with anti-patterns to avoid.

What stacks does the UI search tool support?▼

It supports 22 stacks including React, Next.js, Vue, Svelte, Astro, SwiftUI, React Native, Flutter, Angular, Laravel, JavaFX, WPF, WinUI, and Tailwind. Use the --stack flag with a keyword query to get implementation-specific best practices.

Does the search script require third-party 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 skill instructs the user to install it rather than installing anything itself.

How do I persist a design system across sessions?▼

Add --persist with --output-dir to the design-system command. It creates a MASTER.md file as the global source of truth plus optional per-page override files whose rules take priority over the Master for that page.

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

Retry once with a narrower query or an explicit domain or stack flag, keeping one dominant intent and two to five meaningful terms. If the retry still fails, state that no verified match was found and use clearly labeled general guidance instead.

Related Skills

Explore More Design & Creative Skills→
hi-yuki-922hi-yuki-922
1

i-teach-impeccable

Gather design context from codebase and user input into CLAUDE.md.

Community
Intermediate
legotec73legotec73

design-review

Audit live websites for visual issues and apply atomic code fixes.

Community
Advanced
telum-aitelum-ai
2

visual-testing-mobile-flutter

Automate Flutter visual regression testing with Golden Tests, Alchemist, and Fastlane.

Official
Intermediate
toilahuonggtoilahuongg

shopify-polaris-design

Design Shopify Admin interfaces with Polaris components and App Bridge integration.

Community
Advanced