skills.rest
nuclearrockstone
nuclearrockstoneCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate UI/UX design systems with BM25 search and Master/Pages structure.

3|Updated Feb 13, 2025
Search Tags:#ui#accessibility#prototyping#ux#design-system#visual-design#design-guidelines
One-click install
npx skills add https://github.com/nuclearrockstone/coding-with-ai-badge --skill ui-ux-pro-max-nuclearrockstone
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/nuclearrockstone/coding-with-ai-badge/tree/main/.github/skills/ui-ux-pro-max
Command: npx skills add https://github.com/nuclearrockstone/coding-with-ai-badge --skill ui-ux-pro-max-nuclearrockstone

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX teams need a centralized, scalable design system that accelerates decision-making, ensures consistency, and translates research into actionable UI guidelines across multiple stacks.

Core Features & Use Cases

  • 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks.
  • Search-driven design with a BM25-based multi-domain engine that surfaces patterns for product, color, typography, landing, and UX needs.
  • Hierarchical persistence with Master + page-level overrides to support reusable brand rules and page-specific deviations.

Quick Start

Generate a complete UI/UX design system for a SaaS dashboard.

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 UI/UX design system for a web and mobile app stack?▼

To generate a UI/UX design system, this Skill automates the creation of comprehensive guidelines across stacks like React, Next.js, Vue, Svelte, and SwiftUI. It outputs persistent Master and page-level rules using ASCII and Markdown formats.

Can I apply page-specific deviations to a centralized design system?▼

Yes, you can apply page-specific deviations to a centralized design system using the hierarchical persistence structure. This supports reusable brand rules at the Master level while allowing optional page-level overrides for specific deviations.

How does the BM25 search engine surface UX guidelines and color palettes?▼

The BM25-based multi-domain search engine surfaces UX guidelines, color palettes, and typography pairings by aggregating patterns across product, color, typography, landing, and UX needs to accelerate design decision-making.

What design guidelines are available for a SaaS dashboard across different stacks?▼

Available design guidelines for a SaaS dashboard include 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types, all mapped across 9 technology stacks including React and SwiftUI.

What is the best way to maintain visual design consistency across multiple technology stacks?▼

The best way to maintain visual design consistency across multiple stacks is using a centralized, scalable design system with persistent Master rules. This translates research into actionable UI guidelines and ensures uniformity across React, Vue, and Svelte.

Related Skills

Explore More Design & Creative Skills→
glassflowglassflow
495

ui-ux-pro-max

Generate UI/UX design systems with styles, colors, and typography.

Official
Advanced
akshh229akshh229
1

ui-ux-pro-max

Generate UI/UX design systems and guidance for web and mobile projects.

Community
Advanced
deomiarndeomiarn

ui-ux-pro-max

Generate design system guidance from searchable UI/UX inspiration data.

Community
Intermediate
rockdongrockdong

ui-ux-pro-max

Aggregates UI/UX guidance across domains to generate cohesive design-system blueprints with Master + Overrides structure.

Community
Advanced