ui-ux-pro-max

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

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/genesis-plan/hongchen-lingjing --skill ui-ux-pro-max-genesis-plan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/genesis-plan/hongchen-lingjing/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/genesis-plan/hongchen-lingjing --skill ui-ux-pro-max-genesis-plan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Streamlines the UI/UX design process by generating a complete, implementation-ready design system from natural prompts.

Core Features & Use Cases

  • Design System Generator: performs multi-domain searches across product, style, color, landing, and typography to assemble a cohesive system.
  • Actionable outputs: pattern, style, colors, typography, and effects with anti-patterns and a pre-delivery checklist.
  • Persistable design system: master + page overrides for hierarchical retrieval across sessions.

Quick Start

Provide a product brief to generate a complete design system and choose output format.

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

To generate a UI/UX design system, provide a natural language product brief to initiate multi-domain searches across product, style, color, and typography. The system assembles cohesive patterns, styles, colors, typography, and effects into a comprehensive, implementation-ready design system.

What is included in a generated design system for web and mobile interfaces?▼

A generated design system includes actionable outputs like patterns, styles, colors, typography, and effects. It also provides anti-patterns to avoid and a pre-delivery checklist to ensure cohesive web and mobile interfaces.

Can I use this design system generator for both web and mobile platforms?▼

Yes, this design system generator applies to product teams requiring cohesive design systems across both web and mobile interfaces. It performs reasoning-based selection to deliver patterns and styles suitable for multi-domain platforms.

How do design tokens persist across different sessions for a design system?▼

Design tokens persist across sessions using a master and page override structure for hierarchical retrieval. This allows you to maintain a consistent base design system while applying specific overrides for individual pages.

Does the generated design system include accessibility checks and anti-patterns?▼

Yes, the generated design system includes accessibility checks, anti-patterns, and a pre-delivery checklist. These features ensure the final UI/UX design meets necessary standards and avoids common implementation mistakes.

What is the best way to create a cohesive design system without manual token configuration?▼

The best way to create a cohesive design system without manual token configuration is using a reasoning-based generator that performs multi-domain searches. It automatically assembles patterns, styles, and typography from a natural prompt into an implementation-ready format.