skills.rest
davide97g
davide97gCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generates design system recommendations and searches UI/UX guidelines via a BM25-based CLI.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Choosing the right visual style, color palette, typography, and UX patterns for a new web or mobile project is slow and inconsistent without a structured reference. This Skill provides a searchable design knowledge base and an automated design system generator so every UI decision is grounded in documented guidelines. ## Core Features & Use Cases - Design System Generation: Run the search CLI with --design-system to get a complete recommendation covering layout pattern, style, color tokens, typography pairing, effects, and anti-patterns, with optional persistence to a design-system/MASTER.md plus per-page override files. - Domain Search: Query 11 CSV-backed domains (style, color, chart, landing, product, ux, typography, icons, react, web, google-fonts) and 16 stack-specific guideline files (React, Next.js, Vue, SwiftUI, Flutter, shadcn, Tailwind, and more) using BM25 ranking. - UX Review Checklists: Apply 99 prioritized UX guidelines covering accessibility, touch targets, performance, animation, forms, navigation, and charts when reviewing or fixing existing interfaces. - Use Case: When asked to build a fintech dashboard, generate a persisted design system with reasoning-based style and color choices, then search stack-specific rules for React performance and accessibility before writing components. ## Quick Start Ask the AI to generate a design system for your product type, for example: "Use the ui-ux-pro-max skill to create a design system for a meditation app called Calm."

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 CLI with the --design-system flag and a query describing your product, such as "beauty spa wellness service". The tool searches product, style, color, landing, and typography domains in parallel, applies reasoning rules, and returns a complete recommendation with pattern, colors, fonts, and anti-patterns.

How do I search UI/UX guidelines for a specific topic?▼

Use the search script with a query and an optional --domain flag such as style, color, ux, typography, chart, or icons. The tool auto-detects the domain from your query keywords if none is given and returns the top BM25-ranked matches from the CSV datasets.

What tech stacks does the design guideline search support?▼

Stack-specific guideline files cover React, Next.js, Vue, Svelte, Astro, Nuxt, SwiftUI, React Native, Flutter, Jetpack Compose, Angular, Laravel, Three.js, HTML with Tailwind, and shadcn/ui. Search them with the stack search function by passing the stack name and a query.

Does the design system generator save results for later sessions?▼

Yes, adding --persist writes a design-system folder containing a MASTER.md global source of truth plus optional per-page override files under pages/. Page-specific files override the master rules when building that page, enabling hierarchical retrieval across sessions.

What are the requirements to run the search scripts?▼

The scripts require Python 3 and use only the standard library (csv, json, re, pathlib, math), so no pip installs are needed. The SKILL.md includes install commands for macOS, Ubuntu/Debian, and Windows if Python is missing.

When should I not use this UI/UX design skill?▼

Skip it for pure backend logic, API or database design, non-visual performance work, infrastructure, and DevOps tasks. It applies only when a task changes how a feature looks, feels, moves, or is interacted with.

Related Skills

Explore More Design & Creative Skills→
mohamednegm0mohamednegm0

ai-discoverability-audit

Audit brand representation across AI search and recommendation systems.

Community
Advanced
EzequielpereyraaEzequielpereyraa

ui-design

Align React UI components with typography, color, and spacing tokens.

Community
Intermediate
Claude-Code-Community-IrelandClaude-Code-Community-Ireland
10

accessibility-compliance-accessibility-audit

Audit digital products against WCAG standards and identify accessibility barriers.

Official
Advanced
Cure-Consulting-GroupCure-Consulting-Group
1

product-design

Generate platform-specific UI design specifications with design tokens and accessibility standards.

Official
Advanced