nextlevelbuilder/ui-ux-pro-max-skill

This system is a CLI tool and skill library that manages and distributes UI/UX design guidelines for various AI coding assistants. It provides structured data and scripts for generating design systems, managing brand identities, and enforcing stack-specific best practices for frameworks like React, Angular, and Astro. The system also includes a web-based gallery for browsing styles and automated tools for validating design assets and search relevance.

12 changes.

This period focused on launching the uipro CLI tool to manage UI/UX Pro Max skills across various AI coding assistants, replacing legacy Python-based search modules. Concurrently, the design data catalog was significantly expanded with new guidelines for React Native, Angular, Astro, and Avalonia, alongside the introduction of a Design System Generator with persistence and aesthetic controls.

23 changes.

This period focused on expanding the CLI's capabilities by introducing new skills for brand identity, design systems, and UI styling, alongside comprehensive data assets for frameworks like Angular, Astro, and Avalonia. The work included building a design system generator with persistence and tuning dials, automating frontend setup with shadcn and Tailwind tools, and establishing robust test coverage for search relevance and catalog integrity.

The \projects\ directory now includes three new standalone HTML templates: a healthcare analytics dashboard (\healthcare-dashboard\), a dark-themed developer portfolio (\portfolio-dark\), and a SaaS product landing page (\saas-landing\). These files provide ready-to-use, responsive front-end layouts built with Tailwind CSS and Chart.js, offering users new design patterns for dashboards, personal sites, and marketing pages.

projects · high confidence

The brand skill now includes executable scripts to enforce design consistency: \validate-asset.cjs\ checks marketing assets against naming conventions, dimensions, file sizes, and formats; \extract-colors.cjs\ analyzes images to compare extracted colors against the brand palette; and \sync-brand-to-tokens.cjs\ synchronizes brand guidelines colors into design tokens (JSON/CSS) while protecting existing Tailwind and token configurations. A new test suite (\test\_sync\_brand\_to\_tokens.py\) ensures these scripts handle UTF-8 output, missing guidelines, and existing token sources correctly without crashing.

.claude/skills/brand/scripts · high confidence

The design-system skill has been expanded to support brand-compliant presentation generation. This update adds a full slide system featuring a contextual decision engine driven by CSV data files (strategies, layouts, colors, typography, copy formulas, and chart types), along with reference documentation for component specifications and token architecture. Users can now generate structured decks using predefined strategies (e.g., YC Seed, Nancy Duarte) and validate slide compliance with design tokens.

cli/assets/skills/design-system · high confidence

The design skill has been enriched with new static data files that provide structured guidance for brand identity creation. New CSV datasets in \data/cip/\ define 50 specific deliverables (such as business cards, vehicle wraps, and social media assets), 20 industry-specific style profiles, 20 mockup contexts for visual presentation, and 20 distinct visual styles (e.g., Corporate Minimal, Modern Tech). Additionally, \data/icon/\ and \data/logo/\ directories now contain detailed reference tables for 16 icon styles (including outlined, duotone, and glassmorphism) and 55 color palettes with associated industry recommendations, enabling the skill to generate more context-aware and professionally aligned design specifications.

cli/assets/skills/design/scripts · high confidence

The CLI now recognizes a significantly broader set of AI coding assistants, adding support for Continue, Droid (Factory), KiloCode, global install/uninstall workflows, Warp, Augment, CodeWhale, RooCode, Trae, GitHub Copilot, CodeX, Nuxt.js/Nuxt UI stacks, and Gemini CLI. This is implemented via a new centralized type definition file (\cli/src/types/index.ts\) that standardizes the \AIType\ enum, platform configuration structures, and folder mappings for all supported assistants, ensuring consistent installation and uninstall behavior across the expanded ecosystem.

cli/src/types · high confidence

Introduces the \ui-ux-pro-max-cli\ tool, allowing users to install and manage UI/UX Pro Max skills for various AI coding assistants (such as Claude, Cursor, Copilot, and Codex) via the \uipro\ command. The CLI supports initializing skills for specific assistants or all at once, updating installed skills to the latest release, and handling GitHub API rate limits through optional Personal Access Tokens. It also includes a \--global\ flag for global installation and excludes local settings files from the package to prevent configuration conflicts.

cli · high confidence

The uipro command-line interface is now available, allowing users to install, update, and uninstall UI/UX Pro Max skills for various AI coding assistants. The CLI supports multiple AI assistant types, offers a --global flag for system-wide installation, and includes a --dry-run option to preview changes without modifying files. It also allows users to provide a GitHub Personal Access Token to increase API rate limits and can operate in offline mode using bundled assets.

cli/src · high confidence

The UI/UX Pro Max skill now includes a Design System Generator that aggregates search results and applies reasoning rules to produce comprehensive design system recommendations. Users can generate a design system via the \--design-system\ flag, with options to persist the output to a project directory using a Master + Overrides pattern (\--persist\, \--output-dir\, \--page\). The generator supports three 'design dials' (\--variance\, \--motion\, \--density\) to bias the output towards specific aesthetic and layout preferences. Additionally, the default maximum search results have been reduced from 5 to 3 to optimize token usage, and the \--stack\ flag is now explicitly ignored when \--design-system\ is active, with a warning issued to the user.

.claude/skills/ui-ux-pro-max/scripts · high confidence

The new \ui-styling\ skill adds two Python scripts to automate frontend styling setup. The \shadcn\_add.py\ script wraps the shadcn CLI to install UI components, pinning the CLI version to 2.3.0 for stability and supporting dry-run and overwrite modes. The \tailwind\_config\_gen.py\ script generates Tailwind CSS configuration files (JS or TS) with framework-specific content paths and supports adding custom colors, fonts, spacing, breakpoints, and plugins. Both scripts include comprehensive unit tests to verify their functionality.

.claude/skills/ui-styling/scripts · high confidence

Adds a new 'design' skill under .claude/skills/design/scripts that provides tools for generating corporate identity program (CIP) mockups, SVG icons, and logos. The CIP module uses a local BM25 search engine over CSV guidelines to generate prompts for Gemini image models, supporting text-to-image and logo-editing modes, and can render results into HTML presentations. The icon module generates production-ready SVGs via Gemini 3.1 Pro Preview with multiple styles and batch support. The logo module supports generation via Gemini (Nano Banana/Pro), Atlas Cloud, and MuAPI, with opt-in providers, asynchronous polling, and secure media URL validation, plus a CLI for searching logo design guidelines and generating design briefs.

.claude/skills/design/scripts · high confidence

The UI/UX Pro Max CLI now supports a new --design-system mode that aggregates search results into a comprehensive design system recommendation. This mode introduces three optional 'dials' (variance, motion, density) to tune the output's aesthetic and layout, and a --persist flag to save the generated system to a project's design-system/ directory using a Master + Overrides pattern. The underlying core has been restructured to include a BM25 search engine, a reasoning contract for deterministic decision rules, and expanded stack configurations for frameworks like React, Vue, and .NET desktop stacks.

src/ui-ux-pro-max/scripts · high confidence

Adds a new \stack/\ directory containing a ready-to-use environment for Claude Code that improves website design output. The kit integrates a knowledge layer (\ui-ux-pro-max\), a taste layer (\frontend-design\), and visual feedback tools (Playwright and Chrome DevTools MCPs) into a structured design loop. It includes a standalone heuristic audit script (\scripts/design-audit.mjs\) for checking responsiveness, accessibility (WCAG AA), and layout defects, along with a GitHub Actions workflow to run these checks on pull requests touching UI files.

stack · high confidence

A new Style Gallery has been added, allowing users to browse and explore UI styles with live previews, color palettes, and implementation details. The gallery features a responsive grid layout with search and filtering capabilities (by status, type, complexity, and era). Users can view detailed style information in a modal, including CSS code snippets, AI prompts, and interactive implementation checklists. The gallery supports dark mode and includes a phone mockup to preview styles in a mobile context.

gallery · high confidence

A new static HTML preview page for the 'Xiaomaomi' (Little Cat) pet app has been added to the preview directory. This page implements a mobile-first design with a warm orange color palette, featuring a hero section with a cat avatar and stats, a grid of quick-action cards, and a sticky header. It serves as a visual mockup of the app's interface, utilizing specific typography (Fredoka, Nunito) and styling consistent with the project's design system.

preview · high confidence

A new 'brand' skill has been added to the CLI, providing a complete framework for managing brand identity, voice, and visual assets. This skill includes a set of reference documents (covering voice frameworks, visual identity, color palettes, typography, and asset organization) and executable scripts to automate brand workflows. Key capabilities include extracting brand context for prompt injection, syncing brand guidelines to design tokens (JSON and CSS), validating assets against brand rules, and extracting colors from images. The skill is designed to integrate with existing design systems, protecting pre-existing Tailwind and token configurations during sync operations.

cli/assets/skills/brand · high confidence

The CLI now includes dedicated commands for managing the UI/UX Pro Max skills: \init\ installs or refreshes skill files for specific AI platforms (with support for global installation, dry-run previews, and GitHub token authentication), \update\ checks for new CLI releases and automatically upgrades the package via npm before refreshing skills, \uninstall\ safely removes installed skill directories and files for detected platforms, and \versions\ lists available release tags with dates. These commands provide a complete lifecycle for skill management directly from the command line.

cli/src/commands · high confidence

The CLI now includes a new design-system generation workflow (invoked via \--design-system\) that aggregates search results across style, color, typography, and other domains to produce comprehensive recommendations. This workflow introduces three optional 'design dials' (\--variance\, \--motion\, \--density\) that bias the output toward specific aesthetic and layout preferences, and supports a 'Master + Overrides' persistence pattern (\--persist\) that saves the generated system to a project directory for later reuse. The generator also intelligently resolves light/dark mode consistency across styles and palettes. Additionally, the CLI scripts now force UTF-8 encoding on Windows to correctly handle emojis and Unicode characters in output.

cli/assets/scripts · high confidence

The CLI now includes a new set of utility modules in \cli/src/utils\ to support installation and configuration workflows. \detect.ts\ introduces logic to automatically identify installed AI assistants (such as Claude, Cursor, Copilot, Codex, and others) by checking for specific configuration directories, and provides user-friendly descriptions for each. \extract.ts\ handles the extraction of ZIP assets and copying of platform-specific folders, including Windows compatibility and exclusion of sensitive files like \settings.local.json\. \github.ts\ manages interactions with the GitHub API for fetching releases, supporting optional authentication via environment variables to handle rate limits. \template.ts\ provides functions to load platform configurations and render skill files from templates, ensuring correct script paths for both local and global installations. \logger.ts\ adds a standardized, color-coded logging interface for CLI output.

cli/src/utils · high confidence

The design system now includes a new \app-interface.csv\ file providing 32 specific accessibility, touch, navigation, and performance guidelines for React Native applications, covering topics such as icon button labels, touch target sizes, and safe area handling. Additionally, the \catalog-summary.json\ has been updated to reflect a larger dataset, including 192 product types, 192 palettes, and 1934 Google Fonts, while the \charts.csv\ and \colors.csv\ files have been refreshed with new chart type recommendations and color tokens for various product categories.

.claude/skills/ui-ux-pro-max/data, src/ui-ux-pro-max/data · high confidence

The CLI now includes a new 'ui-styling' skill that provides a comprehensive guide for building accessible, responsive user interfaces using shadcn/ui components, Tailwind CSS, and canvas-based visual design. This skill includes reference documentation for component usage, accessibility patterns, theming, and responsive design, along with Python scripts to automate shadcn component installation and Tailwind configuration generation.

cli/assets/skills/ui-styling · high confidence

The skill now includes comprehensive best-practice data files for three additional technology stacks: Angular (targeting 22.x), Astro (targeting 7.1.6), and Avalonia (targeting 12). These new CSV files provide structured, category-specific guidance covering components, styling, performance, architecture, and testing for each framework, enabling the skill to offer targeted recommendations for developers using these platforms.

.claude/skills/ui-ux-pro-max/data/stacks · high confidence

The CLI now includes comprehensive best-practice guidelines for Angular 22.x, Astro 7.1.6, and Avalonia 12, delivered as new CSV data files in the stacks directory. For Angular, guidance covers modern patterns such as standalone components, signals, and zoneless change detection. Astro guidance emphasizes the Islands Architecture, content collections, and Tailwind 4 integration. Avalonia guidance focuses on XAML compiled bindings, CSS-like selectors, and Native AOT support. These files provide the structured data the CLI uses to offer stack-specific recommendations to users.

cli/assets/data/stacks · high confidence

This change introduces a suite of new scripts to automate and validate the UI/UX design catalog and search functionality. \refresh-google-fonts.py\ and \refresh-icon-catalog.py\ now handle fetching, validating, and normalizing data from the Google Fonts API and Phosphor Icons packages, ensuring catalog integrity. \generate-catalog-summary.py\ produces deterministic summary files with line-ending-independent snapshot hashes to prevent cross-platform drift. To ensure search quality, \evaluate-relevance.py\ and \relevance\_metrics.py\ provide a deterministic framework for measuring search precision, recall, and design coherence against curated test fixtures. Finally, \smoke-domains.sh\ and \smoke-stacks.sh\ offer quick regression checks to verify that all registered domains and stacks return valid search results, while \validate-agent-guide.py\ ensures documentation claims remain consistent with the live data counts.

scripts · high confidence

Added a new 'design' skill that includes comprehensive CSV datasets for brand identity creation. The data covers 50+ deliverable types (stationery, apparel, vehicle branding, digital assets), 20 industry-specific style profiles, 20 visual style definitions, 50 color palettes, and 16 icon styles, enabling structured generation of brand guidelines and mockup contexts.

.claude/skills/design/data · high confidence

The CLI now includes new data files in \cli/assets/data\ to support React Native design guidelines and accessible charting. \app-interface.csv\ provides 32 specific accessibility and UX guidelines for React Native, covering topics like icon labels, touch target sizes, and safe area handling. \charts.csv\ introduces 25 chart type recommendations with detailed accessibility notes and library suggestions. Additionally, \colors.csv\ adds 113 product-specific color palettes, and \catalog-summary.json\ provides a snapshot of the design system's current state, including counts for styles, products, and fonts.

cli/assets/data · high confidence

A new \design-system\ skill has been added to the \.claude/skills\ directory, providing a structured approach to design tokens and presentation creation. The skill defines a three-layer token architecture (primitive, semantic, and component) with detailed CSS variable specifications for colors, spacing, typography, and UI components like buttons and cards. It also includes a comprehensive slide generation system powered by CSV-based decision logic for layouts, color themes, copywriting formulas, and chart types, along with scripts for token validation and slide search.

.claude/skills/design-system · high confidence

The system now includes dedicated stack data files for Angular, Astro, and Avalonia, providing developers with curated, version-specific best practices. The Angular guidelines target version 22.x, covering modern patterns such as standalone components, signals, and the new control flow syntax. The Astro guidelines focus on version 7.1.6, emphasizing the Islands Architecture, zero-JS defaults, and content collections. The Avalonia guidelines target version 12, addressing cross-platform desktop development with compiled bindings, CSS-like selectors, and Native AOT support.

src/ui-ux-pro-max/data/stacks · high confidence

The \charts.csv\, \colors.csv\, \landing.csv\, and \products.csv\ files in the \.shared/ui-ux-pro-max/data\ directory have been deleted. These files previously contained static design guidelines, color palettes, and layout patterns for various product types, which are no longer part of the data source.

.shared/ui-ux-pro-max/data · high confidence

The \core.py\ and \search.py\ scripts within the \.shared/ui-ux-pro-max/scripts\ directory have been deleted. This removes the previous Python-based implementation for UI/UX style search, including the BM25 ranking algorithm, CSV data loading, and command-line interface used to query design guidelines and stack-specific best practices.

.shared/ui-ux-pro-max/scripts · high confidence

The \charts.csv\, \colors.csv\, \landing.csv\, and \products.csv\ files within the \.agent/workflows/ui-ux-pro-max/data/\ directory have been deleted. These files contained structured guidelines for chart selection, color palettes, landing page patterns, and product-style recommendations. Their removal eliminates redundant data from the workflow, streamlining the available resources for the UI/UX Pro Max skill.

.agent/workflows/ui-ux-pro-max · high confidence

The CLI now includes three new Node.js scripts to improve build reliability and data consistency. The build script (build.mjs) attempts to use Bun for faster builds but automatically falls back to the local TypeScript compiler if Bun is unavailable. A new Python execution helper (run-python.mjs) ensures cross-platform compatibility by selecting 'python' on Windows and 'python3' elsewhere. Additionally, a comprehensive asset synchronization script (sync-assets.mjs) has been added to mirror source data and scripts into the CLI assets directory, ensuring that all 7 bundled skills and the orchestrator's data remain in sync and preventing content drift.

cli/scripts · high confidence

Added Playwright e2e tests for CLI template rendering and dry-run behavior; Added comprehensive test coverage for UI/UX Pro Max scripts and data contracts; Added test fixtures for search relevance and catalog data validation.

This change introduces the initial dependency configuration files for three distinct parts of the project. The CLI (\cli/package.json\) is set up as version 2.5.0 using Node.js modules with dependencies on \chalk\, \commander\, \ora\, and \prompts\, alongside development tools like TypeScript and Playwright. The Style Gallery (\gallery/package.json\) is configured as a Next.js 14 application with React 18 and Tailwind CSS. Finally, the Website Design Stack (\stack/package.json\) is defined as a Node.js 18+ environment relying on Playwright for design auditing.

(dependencies) · high confidence

Written by watchdog.canine.dev from the codebase's own history, inside the signed delivery this page is composed from.

• CAI 44 → 49 (+4.4)
• Rubric changed (rubric-2026.08.15 → rubric-2026.09.15) — scores are not directly comparable.

• Code Health 55 → 69 (+13.2)
• Architecture 95 → 99 (+4.2)
• Maturity 65 → 65 (-0.2)
• Readiness 29 → 45 (+16.0)
• Security 51 → 76 (+25.1)
• Accessibility 38 (new)

• Change coupling: detect.ts ↔ extract.ts (cli/src/utils/detect.ts)
• Change coupling: init.ts ↔ index.ts (cli/src/commands/init.ts)
• Change coupling: init.ts ↔ template.ts (cli/src/commands/init.ts)
• Coverage not measured — test suite did not build
• Dimension evaluation failed
• Duplicated block (17 lines × 2) (.claude/skills/ui-styling/scripts/shadcn_add.py)
• Duplicated block (17 lines × 2) (cli/assets/skills/ui-styling/scripts/shadcn_add.py)
• Duplicated block (9 lines × 2) (.claude/skills/ui-ux-pro-max/scripts/design_system.py)
• Duplicated block (9 lines × 2) (cli/assets/scripts/design_system.py)
• Duplicated block (9 lines × 2) (src/ui-ux-pro-max/scripts/design_system.py)
• High CVE: [GHSA redacted] (gallery/package-lock.json)
• High CVE: [GHSA redacted] (gallery/package-lock.json)
• High CVE: [GHSA redacted] (gallery/package-lock.json)
• High CVE: [GHSA redacted] (gallery/package-lock.json)
• High CVE: [GHSA redacted] (gallery/package-lock.json)
• High CVE: [GHSA redacted] (gallery/package-lock.json)
• High CVE: [GHSA redacted] (gallery/package-lock.json)
• High CVE: [GHSA redacted] (gallery/package-lock.json)
• High CVE: [GHSA redacted] (gallery/package-lock.json)
• High CVE: [GHSA redacted] (gallery/package-lock.json)
• …and 38 more

• Critical vulnerability: [GHSA redacted] (gallery/package-lock.json)
• Dependency hygiene PARTLY measured — Python dependencies read, no exact pin to grade for currency
• DesignSystemGenerator.generate (cognitive 23) (.claude/skills/ui-ux-pro-max/scripts/design_system.py)
• DesignSystemGenerator.generate (cognitive 23) (cli/assets/scripts/design_system.py)
• DesignSystemGenerator.generate (cognitive 23) (src/ui-ux-pro-max/scripts/design_system.py)
• DesignSystemGenerator.generate (cyclomatic 23) (.claude/skills/ui-ux-pro-max/scripts/design_system.py)
• DesignSystemGenerator.generate (cyclomatic 23) (cli/assets/scripts/design_system.py)
• DesignSystemGenerator.generate (cyclomatic 23) (src/ui-ux-pro-max/scripts/design_system.py)
• Documentation: no installation or build instructions (README.md)
• Documentation: no project overview (README.md)
• Duplicated block (10 lines × 12) (.claude/skills/ui-ux-pro-max/scripts/design_system.py)
• Duplicated block (10 lines × 2) (.claude/skills/design-system/scripts/fetch-background.py)
• Duplicated block (10 lines × 2) (.claude/skills/design-system/scripts/generate-slide.py)
• Duplicated block (10 lines × 2) (.claude/skills/design/scripts/cip/search.py)
• Duplicated block (10 lines × 2) (.claude/skills/design/scripts/logo/generate.py)
• Duplicated block (10 lines × 2) (.claude/skills/ui-styling/scripts/tailwind_config_gen.py)
• Duplicated block (10 lines × 3) (.claude/skills/ui-ux-pro-max/scripts/design_system.py)
• Duplicated block (10 lines × 3) (.claude/skills/ui-ux-pro-max/scripts/validate_data.py)
• Duplicated block (10 lines × 3) (.claude/skills/ui-ux-pro-max/scripts/validate_data.py)
• Duplicated block (10 lines × 3) (.claude/skills/ui-ux-pro-max/scripts/validate_data.py)
• …and 488 more

• 53 commits — 30 feature/other, 23 fixes

• (root) — 17 commits
• .claude/skills — 17 commits
• (repo) — 10 commits
• cli/assets — 2 commits
• cli/src — 2 commits
• .github/workflows — 1 commit
• cli/README.md — 1 commit
• cli/package.json — 1 commit
• cli/tests — 1 commit
• docs/三个 data-scripts-templates 的区别.md — 1 commit

• fix: Merge pull request #448 from Dessalines39394/fix/star-history-chart
• fix: Merge pull request #461 from djatadougbewilfried-star/fix/brand-test-encoding
• fix: Merge pull request #464 from loulanyue/fix/detect-claude-plugin
• fix: fix(banner): make workflow self-contained (#473)
• fix: fix(brand): apply #497 to the source copy so check:assets passes again
• fix: fix(brand): apply #497 to the source copy so check:assets passes again (#499)
• fix: fix(brand): stop adjustBrightness collapsing dark color shades to black (#497)
• fix: fix(cli): detect .claude-plugin directory for Claude Code in detectAIType
• fix: fix(cli): generate runnable script paths (#181)
• fix: fix(cli): support cross-platform python execution on windows (#462)
• fix: fix(data): make catalog snapshot hashes line-ending independent (#478)
• fix: fix(design): document MuAPI model contracts
• fix: fix(design): make workflows self-contained, add bundled-skill contract (#498)
• fix: fix(design): preserve existing logo provider docs
• fix: fix(design): use MuAPI result URL from creation response
• fix: fix(design): use skill-relative script paths + CI path contract (#474 finding 1) (#476)
• fix: fix(design-system): make the skill work outside a vendored checkout and on Windows (#460)
• fix: fix(docs): avoid Hangul diagram misalignment
• fix: fix(docs): restore broken star history chart
• fix: fix(manifests): correct style and UX guideline counts in skill.json and plugin manifests (#488)
• …and 33 more

Written by watchdog.canine.dev from the codebase's own history, inside the signed delivery this page is composed from.

nextlevelbuilder/ui-ux-pro-max-skill was measured the same way every project in this corpus was: the same rubric, at a pinned commit, with the result published in full. Point a surveyor at a repository you know and see whether you agree with it.