skills.rest
ehadziabdic
ehadziabdicCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

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

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

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 UX patterns for a new interface usually requires scattered research across design blogs and documentation. This Skill provides a searchable local database of UI/UX guidance so design decisions for web, mobile, and desktop interfaces come from verified data instead of guesswork. ## Core Features & Use Cases - Design System Generation: Aggregates product type, style, color, landing pattern, and typography matches into a complete design system, with optional persistence as a MASTER.md plus per-page override files. - Domain-Specific Search: Queries 12 domains including styles, colors, typography, charts, icons, GSAP motion presets, UX guidelines, and Google Fonts via a BM25 search engine with calibrated abstention thresholds. - Stack Guidelines: Returns implementation rules for 22 stacks such as React, Next.js, Vue, SwiftUI, Flutter, and Tailwind. - Use Case: When asked to build an analytics dashboard in Next.js, run the design-system search to get a palette, typography pairing, and layout pattern, then query the nextjs stack for performance and accessibility rules before writing components. ## Quick Start Ask the AI to design a new landing page or dashboard and have it run the ui-ux-pro-max search script with the --design-system flag for your product type.

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.py 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 palette, fonts, and anti-patterns.

What design data does the UI/UX search tool include?▼

The local dataset contains 79 searchable styles, 192 product palettes with reasoning profiles, 74 font pairings, 119 UX guidelines, 105 curated icons, 17 GSAP motion presets, 25 chart types, and guidelines for 22 technology stacks.

Which frameworks and stacks are supported for UI guidelines?▼

Stack-specific guidelines cover React, Next.js, Vue, Svelte, Astro, Angular, Nuxt, Laravel, SwiftUI, React Native, Flutter, Jetpack Compose, HTML-Tailwind, shadcn, Three.js, and several desktop frameworks like WPF, WinUI, and Avalonia.

Does the search script require installing Python packages?▼

No external dependencies are required. The script runs on Python 3.x using only the standard library, implementing its own BM25 ranking, CSV loading, and query normalization without pip installs.

What happens when a design search returns no results?▼

The tool abstains rather than fabricating output when scores fall below calibrated thresholds. The workflow retries once with a narrower query or explicit domain, then falls back to built-in priority rules while clearly labeling them as defaults.

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

Yes, add --persist with --output-dir pointed at your project root. This 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→
ViperJuiceViperJuice
8

library-detection

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

Community
Intermediate
LincyawLincyaw

ui-ux-pro-max

Generate UI/UX design systems and themes with Tailwind-like CSS variables.

Community
Advanced
coreyonecoreyone
1

design-usability-rules

Audit interfaces against Nielsen Norman usability heuristics and accessibility rules.

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