Aboudjem/ui-ux-suite
ESLint for design. Finds the exact line, the measured wrong value, and the exact fix. 12 weighted dimensions, WCAG 2.2 + APCA, zero deps.
ARCHETYPE
Orchestrator
A bench of specialised subagents. The main agent mostly delegates.
Copy this rig
# review before running: this installs third-party code $ claude mcp add ui-ux-suite -- npx ui-ux-suite --mcp $ npx degit Aboudjem/ui-ux-suite/agents ./rig-ui-ux-suite/agents $ npx degit Aboudjem/ui-ux-suite/commands ./rig-ui-ux-suite/commands $ npx degit Aboudjem/ui-ux-suite/skills ./rig-ui-ux-suite/skills
MCP servers are added to Claude Code at local scope; env vars are shown as YOUR_… placeholders — we never store values. Files are fetched with degit into a separate folder so you can review before merging.
$ claude mcp add ui-ux-suite -- npx ui-ux-suite --mcp $ npx degit Aboudjem/ui-ux-suite/skills/a11y-audit .claude/skills/a11y-audit $ npx degit Aboudjem/ui-ux-suite/skills/color-audit .claude/skills/color-audit $ npx degit Aboudjem/ui-ux-suite/skills/component-audit .claude/skills/component-audit $ npx degit Aboudjem/ui-ux-suite/skills/design-audit .claude/skills/design-audit $ npx degit Aboudjem/ui-ux-suite/skills/design-checklist .claude/skills/design-checklist $ npx degit Aboudjem/ui-ux-suite/skills/design-compare .claude/skills/design-compare $ npx degit Aboudjem/ui-ux-suite/skills/design-score .claude/skills/design-score $ npx degit Aboudjem/ui-ux-suite/skills/design-tokens .claude/skills/design-tokens $ npx degit Aboudjem/ui-ux-suite/skills/flow-audit .claude/skills/flow-audit $ npx degit Aboudjem/ui-ux-suite/skills/layout-audit .claude/skills/layout-audit $ npx degit Aboudjem/ui-ux-suite/skills/refactor-plan .claude/skills/refactor-plan $ npx degit Aboudjem/ui-ux-suite/skills/style-direction .claude/skills/style-direction $ npx degit Aboudjem/ui-ux-suite/skills/theme-builder .claude/skills/theme-builder $ npx degit Aboudjem/ui-ux-suite/skills/type-audit .claude/skills/type-audit
$ curl -fsSL --create-dirs -o .claude/agents/accessibility-auditor.md https://raw.githubusercontent.com/Aboudjem/ui-ux-suite/main/agents/accessibility-auditor.md $ curl -fsSL --create-dirs -o .claude/agents/color-analyst.md https://raw.githubusercontent.com/Aboudjem/ui-ux-suite/main/agents/color-analyst.md $ curl -fsSL --create-dirs -o .claude/agents/component-reviewer.md https://raw.githubusercontent.com/Aboudjem/ui-ux-suite/main/agents/component-reviewer.md $ curl -fsSL --create-dirs -o .claude/agents/design-auditor.md https://raw.githubusercontent.com/Aboudjem/ui-ux-suite/main/agents/design-auditor.md $ curl -fsSL --create-dirs -o .claude/agents/interaction-analyst.md https://raw.githubusercontent.com/Aboudjem/ui-ux-suite/main/agents/interaction-analyst.md $ curl -fsSL --create-dirs -o .claude/agents/layout-analyst.md https://raw.githubusercontent.com/Aboudjem/ui-ux-suite/main/agents/layout-analyst.md $ curl -fsSL --create-dirs -o .claude/agents/performance-ux-analyst.md https://raw.githubusercontent.com/Aboudjem/ui-ux-suite/main/agents/performance-ux-analyst.md $ curl -fsSL --create-dirs -o .claude/agents/platform-advisor.md https://raw.githubusercontent.com/Aboudjem/ui-ux-suite/main/agents/platform-advisor.md $ curl -fsSL --create-dirs -o .claude/agents/psychology-analyst.md https://raw.githubusercontent.com/Aboudjem/ui-ux-suite/main/agents/psychology-analyst.md $ curl -fsSL --create-dirs -o .claude/agents/typography-analyst.md https://raw.githubusercontent.com/Aboudjem/ui-ux-suite/main/agents/typography-analyst.md $ curl -fsSL --create-dirs -o .claude/agents/ux-flow-analyst.md https://raw.githubusercontent.com/Aboudjem/ui-ux-suite/main/agents/ux-flow-analyst.md $ curl -fsSL --create-dirs -o .claude/agents/visual-style-advisor.md https://raw.githubusercontent.com/Aboudjem/ui-ux-suite/main/agents/visual-style-advisor.md
This rig commits no guardrails. Here is the community baseline instead — the deny/ask rules most often found across all 6,974 rigs:
{
"permissions": {
"deny": [
"Read(./.env)",
"Read(**/.env)",
"Read(~/.ssh/**)",
"Bash(rm -rf *)",
"Read(**/*.pem)",
"Bash(rm -rf /)",
"Bash(git push --force:*)",
"Bash(sudo *)",
"Read(~/.aws/**)",
"Bash(rm -rf /*)",
"Read(./.env.*)",
"Read(.env)",
"Bash(git push --force*)",
"Bash(rm -rf:*)",
"Read(**/.env.*)",
"Read(**/*.key)",
"Bash(sudo:*)",
"Bash(git reset --hard*)",
"Bash(git reset --hard:*)",
"Read(.env.*)"
],
"ask": [
"Bash(git push:*)",
"Bash(git push *)",
"Bash(git commit:*)",
"Bash(rm *)",
"Bash(rm:*)",
"Bash(npm publish:*)",
"Bash(wget *)",
"Bash(git rebase *)",
"Bash(gh pr merge *)",
"Bash(git commit *)"
]
}
} MCP servers (1)
| server | source | est. tokens |
|---|---|---|
| ui-ux-suite | npm | 2.5k |
Skills (14)
a11y-auditcolor-auditcomponent-auditdesign-auditdesign-checklistdesign-comparedesign-scoredesign-tokensflow-auditlayout-auditrefactor-planstyle-directiontheme-buildertype-audit
Subagents (12)
| accessibility-auditor | Practical accessibility audit covering WCAG 2.2, contrast, focus, keyboard, screen reader, and touch targets |
| color-analyst | Diagnose and improve project color systems. Covers contrast, harmony, semantics, dark mode, and palette generation |
| component-reviewer | Audit component quality, consistency, state coverage, and patterns |
| design-auditor | Master audit orchestrator. Detects project stack, dispatches specialized agents, aggregates results into unified report |
| interaction-analyst | Evaluate interaction patterns, motion design, microinteractions, and animation quality |
| layout-analyst | Diagnose layout, spacing, grid systems, density, and responsive behavior. |
| performance-ux-analyst | Evaluate perceived performance. Covers loading states, skeleton screens, optimistic updates, and image optimization |
| platform-advisor | Evaluate platform conventions. Covers browser vs mobile, iOS vs Android, and responsive strategy |
| psychology-analyst | Evaluate design through behavioral psychology. Covers cognitive load, hierarchy, trust, persuasion, and dark patterns |
| typography-analyst | Diagnose and improve typography systems. Covers font selection, type scale, readability, and performance |
| ux-flow-analyst | Analyze user flows, navigation, onboarding, information architecture, and error recovery |
| visual-style-advisor | Evaluate visual direction and recommend style improvements. 10 viable style directions with durability ratings |
Slash commands (5)
/a11y/audit/colors/components/typography
Similar rigs
plugin87/ux-ui-agent-skills
Turn Claude into a senior design architect: DTCG tokens, 50 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 48 objective gates that fail the build instead of faking success.
Skill Collector 18.4k tok ·
686f6c61/alfred-dev
Tu equipo de desarrolladores en un plugin. 10 agentes, 11 skills planas, 18 comandos /alfred-dev:*. Memoria persistente, quality gates con evidencia y MCP local.
Skill Collector 3.1k tok ·
GrimLink/dotfiles
🔧 My DEV env setup
Orchestrator 1.2k tok ·
jdrhyne/agent-skills
A collection of AI agent skills for Clawdbot, Claude Code, Codex
Skill Collector 1.8k tok ·