{
  "id": "page:docs-reference-repos-nextlevelbuilder-ui-ux-pro-max-skill-research",
  "_kind": "Page",
  "_file": "wiki/docs/reference-repos/nextlevelbuilder/ui-ux-pro-max-skill/research.md",
  "_cluster": "wiki",
  "attributes": {
    "nodeKind": "Page",
    "sourcePath": "docs/reference-repos/nextlevelbuilder/ui-ux-pro-max-skill/research.md",
    "sourceKind": "repo-docs",
    "title": "nextlevelbuilder/ui-ux-pro-max-skill",
    "displayName": "nextlevelbuilder/ui-ux-pro-max-skill",
    "slug": "docs/reference-repos/nextlevelbuilder/ui-ux-pro-max-skill/research",
    "articlePath": "wiki/docs/reference-repos/nextlevelbuilder/ui-ux-pro-max-skill/research.md",
    "article": "\n# nextlevelbuilder/ui-ux-pro-max-skill\n\n- **Full name**: nextlevelbuilder/ui-ux-pro-max-skill\n- **Description**: An AI SKILL that provides design intelligence for building professional UI/UX across multiple platforms\n- **Stars**: 63,594\n- **License**: MIT\n- **Last pushed**: 2026-04-03\n- **Topics**: ai-skills, claude, claude-code, codex, cursor-ai, react, tailwindcss, ui-design, uikit, windsurf-ai\n- **Fork**: No\n- **Source**: gh-search\n\n## Archetype\n\n**domain-skill-pack** -- A comprehensive UI/UX design intelligence system with 161 reasoning rules, 67 UI styles, design system generation, color palettes, typography pairing, and landing page patterns. Ships as a Claude Code plugin with CLI installer (`uipro-cli`).\n\n## Structure\n\n```\n.claude-plugin/       # Plugin manifest\n.claude/              # Claude Code integration\ncli/                  # NPM CLI installer (uipro-cli)\nsrc/ui-ux-pro-max/\n  data/               # CSV knowledge bases\n    products.csv      # 161 product categories\n    styles.csv        # 67 UI styles\n    colors.csv        # Color palettes\n    typography.csv    # Font pairings\n    landing.csv       # Landing page patterns\n    charts.csv        # Chart recommendations\n    icons.csv         # Icon set recommendations\n    design.csv        # Design system rules\n    ui-reasoning.csv  # Reasoning rules\n    ux-guidelines.csv # UX guidelines\n  templates/          # Platform-specific templates\n    base/             # Base templates\n    platforms/        # Per-platform variants\n  scripts/            # Build/sync scripts\nskill.json            # Skill manifest\ndocs/                 # Documentation\n```\n\n## Key Techniques\n\n1. **Multi-domain BM25 search** -- 5 parallel searches across product types, styles, colors, patterns, typography to build a complete design system recommendation\n2. **Reasoning engine** -- JSON condition rules that match product type to UI category, apply style priorities, filter anti-patterns by industry\n3. **Design system generation** -- Full design system (pattern, style, colors, typography, effects, anti-patterns, pre-delivery checklist) from a single natural language description\n4. **CSV knowledge bases** -- All design intelligence stored as searchable CSVs rather than embedded in prompts\n5. **Platform-aware templates** -- Separate templates for different frameworks (React, Vue, etc.)\n\n---\n\n## Processes\n\n### 1. UI/UX Design System Generation (specializations/frontend/ui-ux-design-system-generation)\n\nA process that takes a product description and generates a complete, tailored design system through multi-domain parallel search and reasoning.\n\n**Phases:**\n1. Parse product description and extract domain signals (industry, audience, brand tone)\n2. Parallel search across 5 knowledge domains: product type matching, style recommendations, color palette selection, landing page patterns, typography pairing\n3. Reasoning engine applies style priorities, filters anti-patterns, processes decision rules\n4. Generate complete design system: pattern, style, colors, typography, effects, anti-patterns, pre-delivery checklist\n5. Breakpoint for human review of generated design system\n6. Apply design system to scaffold project structure with platform-appropriate templates\n\n**Key insight from repo:** The multi-domain parallel search pattern (5 independent CSV searches merged by a reasoning engine) is a strong fit for babysitter's `ctx.parallel.all()`.\n\n### 2. UI/UX Audit and Quality Gate (specializations/frontend/ui-ux-audit)\n\nA process that audits an existing UI implementation against design best practices, accessibility standards, and anti-patterns.\n\n**Phases:**\n1. Scan project for UI components and extract current design patterns\n2. Check accessibility compliance (WCAG AA minimum contrast, focus states, prefers-reduced-motion)\n3. Validate against anti-patterns for the detected industry/domain\n4. Check responsive breakpoints (375px, 768px, 1024px, 1440px)\n5. Generate pre-delivery checklist with pass/fail status\n6. Breakpoint with findings report for human review\n\n## Plugin Ideas\n\n### 1. Design Intelligence Knowledge Base (Category: Knowledge Management)\n\nA babysitter plugin that ships searchable CSV knowledge bases for UI/UX design decisions. The plugin provides:\n- Product-to-style matching (161 categories)\n- Color palette recommendations by industry\n- Typography pairing suggestions (57 combinations)\n- Landing page pattern library (24 patterns)\n- Anti-pattern databases by industry\n\n**install.md**: Copies CSV data files to plugin state directory, registers a `design-intelligence` task kind that processes can use to query the knowledge base.\n\n### 2. Design System Linter Hook (Category: Quality Assurance & Testing)\n\nA babysitter plugin that adds a `pre-commit` hook checking UI code against design system rules. Validates:\n- No emoji-as-icon patterns (should use SVG icon libraries)\n- cursor-pointer on clickable elements\n- Hover state transitions in 150-300ms range\n- Color contrast ratios meet WCAG AA\n- Responsive breakpoint coverage\n\n**install.md**: Installs pre-commit hook that runs design linting on changed `.tsx`/`.vue`/`.svelte` files.\n\n## Library Mapping\n\n| Extractable Process | Library Status | Action | Existing Path | Target Placement |\n|-------------------|----------------|--------|---------------|------------------|\n| UI/UX Design System Generation | NEW | Multi-domain parallel search with reasoning engine for complete design system generation | - | specializations/frontend/ui-ux-design-system-generation.js |\n| UI/UX Audit and Quality Gate | NEW | Design system validation with accessibility compliance and anti-pattern checking | - | specializations/frontend/ui-ux-audit.js |\n| Multi-Domain Parallel Search Pattern | NEW | Parallel knowledge base searches with reasoning engine merge | - | specializations/shared/multi-domain-parallel-search.js |\n| Design Intelligence Knowledge Query | NEW | CSV-based design knowledge lookup and recommendation system | - | specializations/frontend/design-intelligence-query.js |\n\n## Plugin Marketplace Mapping\n\n| Plugin Idea | Marketplace Status | Action | Existing Plugin | Target Placement |\n|-------------|-------------------|--------|-----------------|------------------|\n| Design Intelligence Knowledge Base | NEW | CSV knowledge bases for UI/UX design decisions with searchable data | - | plugins/a5c/marketplace/blueprints/design-intelligence/ |\n| Design System Linter | NEW | Pre-commit hook for UI code validation against design system rules | - | plugins/a5c/marketplace/blueprints/design-system-linter/ |\n",
    "documents": []
  },
  "outgoingEdges": [],
  "incomingEdges": [
    {
      "from": "page:docs-reference-repos",
      "to": "page:docs-reference-repos-nextlevelbuilder-ui-ux-pro-max-skill-research",
      "kind": "contains_page"
    }
  ]
}