skills.rest
marcmarti9
marcmarti9COMMUNITY
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.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Choosing coherent styles, color palettes, font pairings, and interaction patterns for a new interface is slow and inconsistent when done from memory. This Skill provides a searchable local database of UI/UX guidance so design decisions are grounded in curated data rather than 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 + page-override file structure and tuning dials for variance, motion, and density. - Domain-Specific Search: BM25 search across 12 domains including styles, colors, typography, charts, icons, GSAP animation presets, UX guidelines, and Google Fonts, plus 22 stack-specific guideline sets (React, Next.js, SwiftUI, Flutter, Tailwind, and more). - Use Case: When asked to build an AI search homepage in a Next.js project, run the design-system query for the product type, supplement with a UX search for keyboard focus behavior, then pull Next.js stack guidelines before implementing. ## Quick Start Ask the agent to design a new dashboard page 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 web project?▼

Run the search script with the --design-system flag and a query describing your product type, industry, and style 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 search tool supports 12 domains: style, color, typography, google-fonts, product, landing, chart, ux, icons, gsap, react, and web. Pass --domain explicitly when auto-detection misroutes overlapping terms like font.

Does the skill support my framework like React, Flutter, or SwiftUI?▼

Yes, it includes stack-specific guidelines for 22 stacks including react, nextjs, vue, svelte, angular, flutter, swiftui, react-native, html-tailwind, shadcn, jetpack-compose, and others. Use the --stack flag with the stack detected from your project files.

What should I do when a search returns zero results?▼

Retry once with a narrower query or an explicit domain or stack flag. If still empty, fall back to the built-in priority rule table and state clearly that the recommendation came from defaults, not a database match.

Can I save a design system and reuse it across sessions?▼

Yes, add --persist with --output-dir pointed at your project root to create a design-system folder with a MASTER.md source of truth and optional per-page override files. Existing Master files are skipped unless --force is explicitly authorized.

What are the limitations of the search recommendations?▼

Search results are recommendations, not instructions, and never override user or repository rules. The skill does not install packages or modify the system, and unverified or empty search output should not be persisted or presented as matched data.

Related Skills

Explore More Design & Creative Skills→
joi-fairsharejoi-fairshare
1

design-implement

Detect web or iOS targets and dispatch platform-specific code generation.

Community
Intermediate
akourmazakourmaz

checklist-ux-review

Audit frontend UI implementations for visual states, accessibility, and responsive behavior.

Community
Intermediate
heyramziheyramzi

colorize

Apply a brand-aligned 2-4 color palette to monochromatic UI designs.

Community
Intermediate
idy-00idy-00

migrate-design-system

Maps design tokens between a token system and external design systems via role-based crosswalks.

Community
Intermediate