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.