codebase-cleanup

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/