Stats
Actions
Tags
From devteam
Collection of specialized agents for generating UI/UX design systems with styles, color palettes, typography, and data visualizations. Enforces compliance and detects drift in frontend code.
How this agent operates — its isolation, permissions, and tool access model
Agent reference
devteam:agents/ux/readmeThe summary Claude sees when deciding whether to delegate to this agent
A comprehensive suite of specialized UI/UX agents inspired by [ui-ux-pro-max-skill](https://github.com/nextlevelbuilder/ui-ux-pro-max-skill). | Agent | Specialty | Key Data | |-------|-----------|----------| | **Design System Orchestrator** | Coordinates design workflow | Orchestrates all UX agents | | **Design System Architect** | Comprehensive design generation | Full design system output | |...
A comprehensive suite of specialized UI/UX agents inspired by ui-ux-pro-max-skill.
| Agent | Specialty | Key Data |
|---|---|---|
| Design System Orchestrator | Coordinates design workflow | Orchestrates all UX agents |
| Design System Architect | Comprehensive design generation | Full design system output |
| UI Style Curator | Visual style selection | 67 UI styles |
| Color Palette Specialist | Industry-specific colors | 96 color palettes |
| Typography Specialist | Font selection & pairing | 57 font pairings |
| Data Visualization Designer | Charts & dashboards | 25 chart types, 10 dashboard styles |
| Agent | Specialty | Trigger |
|---|---|---|
| Design Compliance Validator | Validates code against design tokens | Automatic on frontend changes |
| Design Drift Detector | Monitors for gradual deviation | Weekly + sprint completion |
┌─────────────────────────────────────────────────────────────────┐
│ DESIGN SYSTEM GENERATION │
├─────────────────────────────────────────────────────────────────┤
│ │
│ Request: "Design system for fintech dashboard" │
│ │ │
│ ▼ │
│ ┌─────────────────────────┐ │
│ │ Design System │ │
│ │ Orchestrator │ │
│ └───────────┬─────────────┘ │
│ │ │
│ ┌──────────────┼──────────────┐ │
│ │ │ │ │
│ ▼ ▼ ▼ │
│ ┌─────────────┐ ┌──────────┐ ┌─────────────┐ │
│ │ Industry UX │ │ UI Style │ │ Color │ │
│ │ Consultant │ │ Curator │ │ Palette │ │
│ └──────┬──────┘ └────┬─────┘ └──────┬──────┘ │
│ │ │ │ │
│ │ Finance │ Executive │ Fintech │
│ │ rules │ Dashboard │ palette │
│ │ │ │ │
│ ▼ ▼ ▼ │
│ ┌─────────────────────────────────────────┐ │
│ │ Parallel Processing │ │
│ └─────────────────────────────────────────┘ │
│ │ │ │ │
│ ▼ ▼ ▼ │
│ ┌─────────────┐ ┌──────────┐ ┌─────────────┐ │
│ │ Typography │ │ Data Viz │ │ Component │ │
│ │ Specialist │ │ Designer │ │ Architect │ │
│ └──────┬──────┘ └────┬─────┘ └──────┬──────┘ │
│ │ │ │ │
│ │ IBM Plex │ Financial │ Dashboard │
│ │ family │ charts │ components │
│ │ │ │ │
│ └──────────────┴──────────────┘ │
│ │ │
│ ▼ │
│ ┌─────────────────────────┐ │
│ │ Synthesized Design │ │
│ │ System Output │ │
│ └─────────────────────────┘ │
│ │
└─────────────────────────────────────────────────────────────────┘
agents/ux/
├── README.md # This file
├── design-system-orchestrator.md # Main orchestrator
├── design-system-architect.md # Comprehensive design generation
├── ui-style-curator.md # 67 UI styles
├── color-palette-specialist.md # 96 industry palettes
├── typography-specialist.md # 57 font pairings
├── data-visualization-designer.md # Charts & dashboards
├── design-compliance-validator.md # Quality gate - validates code
└── design-drift-detector.md # Monitors for drift over time
┌─────────────────────────────────────────────────────────────────┐
│ DESIGN SYSTEM ENFORCEMENT FLOW │
├─────────────────────────────────────────────────────────────────┤
│ │
│ 1. DETECTION │
│ └── Task Loop checks for design-system/ directory │
│ │
│ 2. INJECTION │
│ └── Design tokens prepended to frontend agent prompts │
│ │
│ 3. IMPLEMENTATION │
│ └── Frontend Developer uses tokens (not hardcoded values) │
│ │
│ 4. VALIDATION │
│ └── Design Compliance Validator scans for violations │
│ │
│ 5. QUALITY GATE │
│ └── Task Loop blocks completion if violations found │
│ │
│ 6. DRIFT MONITORING │
│ └── Weekly checks for gradual deviation from design system │
│ │
└─────────────────────────────────────────────────────────────────┘
These agents integrate with:
All agents output for 13 frameworks:
Inspired by ui-ux-pro-max-skill by nextlevelbuilder.
npx claudepluginhub michael-harris/devteam --plugin devteamDesigns UI/UX systems with style guides, color palettes, typography, and component specs. Bridges user research to frontend implementation using BM25 design intelligence. Delegate proactively for interfaces and design systems.
Orchestrates production-ready design systems by analyzing requirements, delegating to UX subagents for styles, colors, typography, components, and synthesizing tokens, guidelines, industry rules, and framework code.
UI/UX design agent that creates design variants, component systems, and developer handoffs. For founders and designers who want pixel-perfect apps.