skills.rest
DeltaFoundry850
DeltaFoundry850COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems with color palettes, typography, spacing tokens, and component specs.

Updated Dec 26, 2025
Search Tags:#automation#guidance#search#ui-ux#design-system#bm25
One-click install
npx skills add https://github.com/DeltaFoundry850/crispy-fishstick --skill ui-ux-pro-max-deltafoundry850
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/DeltaFoundry850/crispy-fishstick/tree/main/docs/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/DeltaFoundry850/crispy-fishstick --skill ui-ux-pro-max-deltafoundry850

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX teams often struggle to find cohesive design patterns and guidelines across multiple domains. This skill provides a searchable design knowledge base and automated design-system generation to accelerate discovery and delivery.

Core Features & Use Cases

  • Centralized, BM25-powered search across color, style, typography, landing, product, and UX guidelines to surface relevant design patterns.
  • Automatic design-system generation including color palettes, typography mood, spacing tokens, and component specs with clear implementation notes.
  • Persistence support: Master + Overrides via a design-system folder structure for project-wide consistency and page-level overrides.

Quick Start

Describe your design goals and request a complete design-system generation for your 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 complete design system with color palettes and typography?▼

To generate a design system, describe your UI/UX design goals and the system automatically produces color palettes, typography moods, spacing tokens, and component specs with implementation notes.

How does a design knowledge base search work for finding UI/UX patterns?▼

A design knowledge base search uses multi-domain BM25 retrieval to identify and surface relevant UI/UX design patterns, colors, typography, and guidelines across landing, product, and UX domains.

What is the best way to maintain project-wide consistency with page-level overrides?▼

Maintain project-wide consistency using a Master + Overrides folder structure, which establishes a foundational design system while allowing targeted page-level overrides for specific UI variations.

Can I use this design system generation for multiple product domains?▼

Yes, you can use this design system generation across multiple product domains because the underlying search retrieves cohesive guidelines and patterns tailored to different UX contexts.

Do I need a specific framework to apply the generated spacing tokens and component specs?▼

No framework is required because the generated design system outputs clear implementation notes, spacing tokens, and component specs that can be applied directly to real-world projects.

What specific UI/UX guidelines are retrieved during a knowledge base search?▼

The knowledge base search retrieves specific guidelines encompassing color theory, typography mood, component styling, and UX patterns to accelerate cohesive design discovery and delivery.

Related Skills

Explore More Design & Creative Skills→
yezannnnnyezannnnn
148

ui-ux-pro-max

Generate design systems with BM25 search and page-specific overrides.

Community
Advanced
Niksh-HiremathNiksh-Hiremath

normalize

Align frontend UI implementations with design-system tokens and guidelines.

Community
Advanced
tunneleventunneleven

c4flow:design

Generate design systems and UI mockups for specified features.

Community
Basic
jpoutrinjpoutrin
14

design-system

Detect hard-coded values and generate design system component structures.

Community
Basic