skills.rest
darthlinuxer
darthlinuxerCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design systems from local UI datasets using BM25 semantic search.

Updated Mar 8, 2026
Search Tags:#typography#accessibility#persistence#ui-ux#design-system#color-palette#bm25
One-click install
npx skills add https://github.com/darthlinuxer/dialectic-crew-ai --skill ui-ux-pro-max-darthlinuxer
Or copy as Structured Prompt for Agentâ–¼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/darthlinuxer/dialectic-crew-ai/tree/main/src/mcp/skills/ui-ux-pro-max
Command: npx skills add https://github.com/darthlinuxer/dialectic-crew-ai --skill ui-ux-pro-max-darthlinuxer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Many product teams and designers spend hours researching style guides, color palettes, typography pairings, and layout patterns across scattered files. This skill consolidates local UI datasets and applies semantic search and reasoning to produce a coherent, ready-to-use design system and implementation guidance.

Core Features & Use Cases

  • Semantic search over local datasets: BM25-based lookup across styles, colors, typography, charts, landing patterns, and UX guidelines to find best matches for a query.
  • Aggregated design system generation: Combines style, color, typography, and pattern results with rule-based reasoning to produce MASTER design system files and page-level overrides.
  • Persistence and output formats: Export recommendations as an ASCII or Markdown design system and optionally persist a hierarchical design-system folder for teams to consume.
  • Use case: Quickly generate a production-ready UI design system for a SaaS dashboard or landing page using on-disk CSV knowledge sources.

Quick Start

Run python3 scripts/search.py "SaaS dashboard" --design-system -p "Project Name" to generate a complete design system and optionally persist the MASTER and page override files.

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 design system from local data?â–¼

To generate a UI design system from local data, run a semantic search over your local CSV datasets to retrieve styles, colors, and typography, then aggregate the results with rule-based reasoning to produce a ready-to-use design system.

What is BM25 ranking for UX recommendations?â–¼

BM25 ranking for UX recommendations is a semantic search mechanism that scores and retrieves relevant styles, colors, typography, and layout patterns from local CSV datasets based on your query.

Can I create page-level overrides for a SaaS dashboard design system?â–¼

Yes, you can create page-level overrides for a SaaS dashboard by generating a MASTER design system file and optionally persisting hierarchical page override markdown files tailored to specific product pages.

How do I persist a design system as Markdown files?â–¼

You can persist a design system as Markdown files by running the generation script with a project name flag, which exports the aggregated styles and typography into hierarchical MASTER and page override markdown files.

Does this design system generator work without external dependencies?â–¼

Yes, this design system generator works without external dependencies by performing BM25 ranking over local CSV datasets on disk to retrieve styles, colors, and layout patterns for your product.

Related Skills

Explore More Design & Creative Skills→
Takeaki0817Takeaki0817

ui-ux-pro-max

Search curated UI/UX style guides with BM25-ranked results.

Community
Intermediate
zhbonerzhboner

ui-ux-pro-max

Generate a complete UI/UX design system from a curated database of styles, colors, and typography.

Community
Intermediate
huangjienhuangjien

ui-ux-pro-max

Generate UI/UX design systems from domain-specific search results and reasoning.

Community
Intermediate
niallr12niallr12

review-design

Audit a component's CSS properties and resolved design tokens against its Figma source via MCP server.

Community
Advanced