skills.rest
julicode10
julicode10COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generates design system recommendations by searching a local CSV database of UI styles, palettes, and UX guidelines.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Choosing consistent styles, color palettes, typography, and interaction patterns for a new UI is slow and error-prone, and design decisions often lack accessibility or platform-specific grounding. This Skill provides a searchable local database of UI/UX rules plus a design system generator that produces reasoned recommendations for web and mobile interfaces. ## Core Features & Use Cases - Design System Generation: Run a single query to get a full recommendation covering page pattern, style, color palette, typography, effects, and anti-patterns, with optional variance, motion, and density dials. - Domain Search: Query 12 domains (styles, colors, typography, charts, icons, GSAP motion, UX guidelines, landing patterns, and more) via a BM25 search engine over local CSV data. - Stack-Specific Guidelines: Retrieve implementation rules for 22 stacks including React, Next.js, Vue, SwiftUI, Flutter, Tailwind, and shadcn/ui. - Use Case: When building a SaaS dashboard in Next.js, generate a persisted design system (MASTER.md plus per-page overrides), then pull stack-specific performance and accessibility rules before delivery. ## Quick Start Ask the AI to generate a design system for your product type and stack, for example: design a modern minimal AI search homepage for my Next.js project.

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 tone. It searches product, style, color, landing, and typography domains in parallel and returns a pattern, palette, fonts, effects, and anti-patterns with reasoning.

What UI design data does the search tool cover?▼

The local database includes 84 styles, 192 color palettes, 74 font pairings, 192 product types, 98 UX guidelines, 104 icon entries, 16 GSAP motion presets, and 25 chart types. Each domain is queried separately with the --domain flag or auto-detected from the query.

Does it support frameworks like Next.js, Flutter, or SwiftUI?▼

Yes, stack-specific guidelines are available for 22 stacks including React, Next.js, Vue, Svelte, Angular, SwiftUI, React Native, Flutter, Jetpack Compose, Tailwind, and shadcn/ui. Pass the detected stack with the --stack flag to get implementation rules with code examples.

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

Yes, add --persist with --output-dir pointed at your project root to write a MASTER.md file as the global source of truth. Use --page to create per-page override files that take precedence over the master rules when building specific pages.

What happens when a search returns zero results?▼

The tool suggests nearby vocabulary terms so you can retry with broader or reworded keywords. If still empty, the workflow falls back to built-in priority-table defaults, and the output must state that no database match was found rather than fabricating results.

What are the requirements to run the search script?▼

The script requires Python 3 and uses only the standard library, so no pip installs are needed. Invoke it by its full path inside the skill directory, trying python3 or py -3 if the python command is unavailable.

Related Skills

Explore More Design & Creative Skills→
ViperJuiceViperJuice
8

library-detection

Detect languages, frameworks, and build tools from package manifests.

Community
Intermediate
GurleenKaurBali27GurleenKaurBali27

impeccable

Designs, audits, and refines production-grade frontend interfaces through structured sub-commands.

Community
Advanced
nodefonynodefony

nodefony-browser

Inspect and measure web pages in a Playwright-driven browser with WCAG, performance, and WebSocket probes.

Official
Advanced
compozycompozy
2.5k

shadcn

Guide shadcn/ui component development with design tokens and Radix UI accessibility.

Official
Intermediate