LibreUIUX Claude Code
Complete UI/UX system for Claude Code -- 152 agents, 70 plugins, 76 commands, 74 skills
Skills, Agents, Commands, and Workflows for Modern UI/UX Development with Claude Code
Stop getting the same outdated, Bootstrap-era designs. This repository provides a comprehensive, layered approach to dramatically improve the UI/UX components Claude Code generates for your projects.
The New Programming Paradigm
In December 2025, Andrej Karpathy observed that programming is being "dramatically refactored":
"I've never felt this much behind as a programmer. The profession is being dramatically refactored."
"New vocabulary: agents, subagents, their prompts, contexts, memory, modes, permissions, tools, plugins, skills, hooks, MCP, LSP, slash commands, workflows, IDE integrations..."
He described Claude Code as "the first convincing demonstration of what an LLM Agent looks like" - a "little spirit/ghost that lives on your computer."
LibreUIUX provides the skills, agents, commands, and workflows for this new paradigm - focused on UI/UX development.
Where LibreUIUX Fits
| New Stack Component | LibreUIUX Provides |
|---|
| Skills | 74 specialized skills (accessibility, animation, design systems, etc.) |
| Agents | 152 task-specific agents (UI validator, design critic, responsive checker, etc.) |
| Commands | 76 slash commands for common UI/UX workflows |
| Plugins | 70 domain plugins (frontend, accessibility, design mastery, etc.) |
| Workflows | Beginner to advanced learning paths |
This isn't just a prompt library. It's infrastructure for the new way we build software with AI.
What's Included
LibreUIUX-Claude-Code/
├── 70 Plugins # Domain-specific collections
├── 152 Agents # Task-specialized AI personas
├── 76 Commands # Slash commands for Claude Code
├── 74 Skills # Reusable capability modules
├── 3 Skill Levels # Beginner → Intermediate → Advanced
└── Templates # Ready-to-use configurations
Plugin Categories
| Category | Plugins | Description |
|---|
| Frontend & UI | design-mastery, frontend-mobile-development, accessibility-compliance | Core UI/UX development |
| Backend Integration | backend-development, api-scaffolding, database-design | Full-stack patterns |
| Quality & Testing | unit-testing, tdd-workflows, code-review-ai | Ensure production quality |
| DevOps & Deploy | cicd-automation, deployment-strategies, kubernetes-operations | Ship with confidence |
| Specialized | game-development, blockchain-web3, machine-learning-ops | Domain expertise |
Skills vs Commands vs Agents
| Component | When to Use | Example |
|---|
| Skills | Need domain knowledge applied to a task | api-design-principles - teaches REST best practices |
| Commands | Quick, repeatable actions | /ui-critique - get instant design feedback |
| Agents | Complex, multi-step work requiring expertise | frontend-developer - builds complete components |
Quick Start
Installation Paths
Path 1: Just Want Better Prompts? (5 minutes)
# Browse the beginner prompts
cat beginner/prompts/modern-button.md
Path 2: Add Commands to Claude Code (10 minutes)
# Copy commands to your project or global config
cp -r .claude/commands/* ~/.claude/commands/
Path 3: Use Specific Plugins (15 minutes)
# Example: Add design mastery to your project
cp plugins/design-mastery/agents/* your-project/.claude/agents/
cp plugins/design-mastery/skills/*/SKILL.md your-project/.claude/skills/