skills.rest
huangjien
huangjienCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

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

Updated Jan 25, 2023
Search Tags:#automation#python#ui-ux#design-system#bm25#design-research#multi-domain
One-click install
npx skills add https://github.com/huangjien/website --skill ui-ux-pro-max-huangjien
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/huangjien/website/tree/main/.trae/skills/ui-ux-pro-max
Command: npx skills add https://github.com/huangjien/website --skill ui-ux-pro-max-huangjien

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill automates the generation of cohesive UI/UX design systems by aggregating domain-specific search results and applying reasoning to prescribe patterns, colors, typography, and components. Applies to dashboards, landing pages, and apps, enabling fast, consistent design decisions across projects.

Core Features & Use Cases

  • Multi-domain search: simultaneously queries style, color, typography, and landing guidelines to assemble a cohesive design system.
  • Design System Generator: outputs master rules and page overrides to enable hierarchical, reusable design decisions.
  • Quick-start guidance: convert a user brief into a ready-to-use design system outline with actionable recommendations for teams.

Quick Start

Use the ui-ux-pro-max skill to generate a design system from a user brief, and optionally persist it as MASTER.md with page overrides for specific pages.

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 automate UI/UX design system generation from a project brief?▼

Automate UI/UX design system generation by inputting a project brief to trigger a multi-domain search over style, color, typography, and landing guidelines to output cohesive design rules.

Can I generate consistent design rules for dashboards and landing pages?▼

Generate consistent design rules for dashboards and landing pages by applying reasoning to aggregated search results, prescribing cohesive patterns, colors, typography, and components.

How does multi-domain search aggregate UI/UX style and typography guidelines?▼

Multi-domain search aggregates UI/UX guidelines by simultaneously querying style, color, typography, and landing data using a BM25-based approach to assemble a cohesive design system.

What is a design system MASTER.md with page overrides?▼

A design system MASTER.md with page overrides is an optional persistence workflow output containing master rules and specific page-level exceptions for hierarchical, reusable design decisions.

Do I need Python to run automated design research and guideline aggregation?▼

Python is required to execute the automated scripts that perform BM25-based multi-domain design research and aggregate style, color, and typography guidelines into a cohesive system.

Related Skills

Explore More Design & Creative Skills→
pradyumnasagarpradyumnasagar
6

agent-handoff

Automate inter-skill data transfer and provenance capture via JSON Material Passports.

Community
Advanced
gmliaogmliao
1

ui-ux-pro-max

Generate reusable design systems from multi-domain search results.

Community
Advanced
officechbusinessservices-creatorofficechbusinessservices-creator

ui-ux-pro-max

Search multi-domain design data with BM25 to generate design-system patterns.

Community
Advanced
alykay1522alykay1522

ui-ux-pro-max

Generate design system recommendations for color schemes, typography, and styles.

Community
Advanced