skills.rest
danieliudi
danieliudiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generates design systems and UI guidance from searchable local style, color, and stack datasets.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Choosing coherent styles, colors, fonts, and interaction patterns for a new interface is slow and inconsistent, and reviewing existing UI for accessibility or UX issues requires scattered knowledge. This Skill provides a searchable local dataset of UI/UX guidance plus a Python CLI that returns verified design systems, domain-specific recommendations, and stack-specific implementation rules. ## 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, tunable via variance, motion, and density dials. - Domain and Stack Search: Query 12 domains (style, color, typography, chart, ux, icons, gsap, react, and more) and 22 stacks (React, Next.js, SwiftUI, Flutter, JavaFX, etc.) for targeted guidance with calibrated BM25 relevance thresholds. - Persistent Design Systems: Save a Master design system plus per-page override files for hierarchical retrieval across sessions. - Use Case: When asked to build a fintech dashboard, run a design-system search to get palette, typography, and layout rules, then run a --stack nextjs query for implementation best practices before writing code. ## 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 minimal AI search homepage built with Next.js.

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 bundled search script with the --design-system flag and a query describing your product type and style keywords. It aggregates product, style, color, landing, and typography matches into a complete design system with anti-patterns to avoid.

What frameworks and stacks does the UI guidance support?▼

The skill covers 22 stacks including React, Next.js, Vue, Svelte, Astro, SwiftUI, React Native, Flutter, Angular, Laravel, JavaFX, and Tailwind. Use the --stack flag with a keyword query to get implementation-specific best practices for your stack.

Does the search script require installing 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 you to install it yourself rather than running system-modifying commands.

How do I search for accessibility or UX best practices?▼

Use the --domain ux flag with a query focused on one observable outcome, such as "error summary validation" or "focus not obscured". The skill recommends querying the semantic outcome first, then the component domain, then the implementation stack.

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

Yes, add --persist with an output directory to create a MASTER.md file as the global source of truth plus optional per-page override files. Page-specific files override the Master rules when both exist.

What happens when a search returns no matching results?▼

The search uses calibrated score thresholds and abstains on low-confidence matches instead of returning weak results. The skill instructs one retry with a narrower query or explicit domain, then falls back to clearly labeled general guidance.

Related Skills

Explore More Design & Creative Skills→
clovernguyen1010-ship-itclovernguyen1010-ship-it

ba-brand-info-extract

Collect brand assets including name, tagline, personality, audience, and platforms.

Community
Intermediate
lmvelosolmveloso

impeccable

Design and iterate frontend interfaces for React, Vue, Svelte, and HTML/CSS projects.

Community
Advanced
zeeforczeeforc

antislop-human

Validates UI accessibility for contrast, keyboard navigation, focus states, and mobile zoom against WCAG criteria.

Community
Intermediate
Mjlike123Mjlike123

toptop-prototype-studio

Builds hybrid UI prototypes combining stable design kit components, base primitives, and exploratory modules.

Community
Intermediate