nextlevelbuilder/ui-ux-pro-max-skill

PurposeUI UX Pro Max is an AI agent skillset providing design intelligence for professional UI/UX across platforms and frameworks. Via a v2.0 reasoning engine with 161 industry rules, 84 styles, and multi-domain search, it auto-generates tailored design systems (pattern, style, colors, typography, anti-patterns). It includes skills for design tokens, accessible UI styling (shadcn/Tailwind), brand identity, banners, slides, and logos. Suited for agents building web/mobile interfaces, marketing assets, and brand systems with consistent, industry-aware design quality.

Skill Count

Required CLI

chromenodeshadcn

Domains

BusinessCodingDesignMarketing

Forms

Style GuideWorkflow

Core Idea

Principles & Methodology

The author's design philosophy, what sets this apart from peer projects, and quick notes on the key workflows. Skill names mentioned in the text auto-link to their detail pages.

Core Idea

UI UX Pro Max is an AI design intelligence skillset that empowers agents to build professional UI/UX across platforms and frameworks. Unlike generic design prompts, it ships a v2.0 reasoning engine with 161 industry rules, 84 styles, and multi-domain search to auto-generate tailored design systems.

Key Skills

design-system: Generates tokens, components, and strategic slides via reasoning engine
ui-styling: Implements accessible interfaces with shadcn/ui + Tailwind
design / brand / banner-design / slides: Cover logo, identity, banners, presentations

Workflow & Best Practice

Agent analyzes request → runs parallel search (product/style/color/pattern/type) → applies reasoning rules → outputs pattern+style+colors+anti-patterns. Use design-system for foundation, ui-styling for build, others for assets.

Skill Relationships

Usage Relationships Between Skills

Skill → Skill usage relationships, with cross-layer references. Same color blocks indicate the same skill form.

Relationship Count

Standalone Skills

Most Referencing

design3 downstream skills
design-system2 downstream skills

Most Referenced

brand2 upstream skills
ui-styling2 upstream skills

Note: Each dependency line reads as "the current Skill depends on" the Skill it points to.

Skill Composition

How skills in this set are triggered

Each skill is designed for a specific kind of caller — some only fire when you name them, others load automatically when the model judges them relevant. The split below summarises both modes at a glance.

User-Invoked0

These skills only fire when you call them by name. The agent will not load them on its own — they stay inert until invoked.

No skill in this set is recommended for manual invocation.

Model-Invoked0

These skills are loaded automatically by the agent when it judges the context relevant. You usually don't need to call them yourself.

No skill in this set is model-invoked.

Skill List

6 Skills · Filter by name or domain

banner-design

Designs multi-format banners for social, ads, web, and print using AI-generated visuals and multiple art directions. Method: gather requirements, research references, build HTML/CSS banners, generate visuals via AI skills, export PNGs. Value: produces platform-ready, brand-compliant banner assets efficiently.

Domain: Design
Form: Workflow
Location: cli/assets/skills/banner-design/SKILL.md

brand

Defines brand voice, visual identity, messaging frameworks, and asset management for consistency. Uses Node scripts to inject context, sync tokens, validate assets, and extract colors. Produces brand guidelines, design tokens, and audited assets that ensure compliant, unified branded content and marketing output.

Domain: MarketingDesign
Form: Style GuideWorkflow
Location: cli/assets/skills/brand/SKILL.md

design

Comprehensive design skill covering brand, tokens, UI, logo (55 styles AI), CIP (50 deliverables), HTML slides, banners (22 styles), icons, social photos. Uses Python scripts + Gemini AI to generate assets and route to sub-skills, delivering full brand packages and multi-platform visual assets.

Domain: DesignBusiness
Form: Workflow
Location: cli/assets/skills/design/SKILL.md

design-system

Provides token architecture, component specs, and slide generation for systematic design. Uses three-layer tokens, CSS variables, and CSV-driven slide decisions. Outputs design systems and brand-compliant presentations with validated token usage.

Domain: DesignBusiness
Form: Style GuideWorkflow
Location: cli/assets/skills/design-system/SKILL.md

slides

Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies. Provides a `create` subcommand and reference knowledge base to produce data-driven, visually consistent, and persuasive pitch decks or marketing slides.

Domain: DesignMarketing
Form: Workflow
Location: cli/assets/skills/slides/SKILL.md

ui-styling

Create beautiful, accessible UIs using shadcn/ui (Radix+Tailwind), Tailwind CSS, and canvas visual design. Provides component guides, theming, a11y patterns, and Python scripts for automation. Delivers consistent, responsive, accessible interfaces and visual assets with efficient workflows.

Domain: DesignCoding
Form: Style GuideWorkflow
Location: cli/assets/skills/ui-styling/SKILL.md

Showing 6 / 6

Installation

One command to install the entire Skillset.

Copy and run in your terminal to add nextlevelbuilder/ui-ux-pro-max-skill to your Agent environment.

$npx skills add nextlevelbuilder/ui-ux-pro-max-skill