By wshobson
Generate accessible UI components, build design systems with tokens and patterns, audit WCAG compliance, review designs for usability and performance, and implement responsive layouts for web (React/Vue/Svelte/Tailwind) and mobile (iOS/Android/React Native) apps using specialized skills, commands, and expert agents.
Audit UI code for WCAG compliance
Guided component creation with proper patterns
Review existing UI for issues and improvements
Initialize a design system with tokens
Expert accessibility specialist ensuring WCAG compliance, inclusive design, and assistive technology compatibility. Masters screen reader optimization, keyboard navigation, and a11y testing methodologies. Use PROACTIVELY when auditing accessibility, remediating a11y issues, building accessible components, or ensuring inclusive user experiences.
Expert design system architect specializing in design tokens, component libraries, theming infrastructure, and scalable design operations. Masters token architecture, multi-brand systems, and design-development collaboration. Use PROACTIVELY when building design systems, creating token architectures, implementing theming, or establishing component libraries.
Expert UI designer specializing in component creation, layout systems, and visual design implementation. Masters modern design patterns, responsive layouts, and design-to-code workflows. Use PROACTIVELY when building UI components, designing layouts, creating mockups, or implementing visual designs.
Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences.
Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing theme switching, building component libraries, or establishing design system foundations.
Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading states, or creating delightful user experiences.
Master Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Google's Material Design guidelines.
Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing SwiftUI views, or ensuring apps follow Apple's design principles.
Uses power tools
Uses Bash, Write, or Edit tools
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
⚡ Updated for Opus 4.6, Sonnet 4.6 & Haiku 4.5 — Three-tier model strategy for optimal performance
🎯 Agent Skills Enabled — 147 specialized skills extend Claude's capabilities across plugins with progressive disclosure
A comprehensive production-ready system combining 182 specialized AI agents, 16 multi-agent workflow orchestrators, 147 agent skills, and 95 commands organized into 75 focused, single-purpose plugins for Claude Code.
This unified repository provides everything needed for intelligent automation and multi-agent orchestration across modern software development:
Each plugin is completely isolated with its own agents, commands, and skills:
Example: Installing python-development loads 3 Python agents, 1 scaffolding tool, and makes 16 skills available (~1000 tokens), not the entire marketplace.
Add this marketplace to Claude Code:
/plugin marketplace add wshobson/agents
This makes all 75 plugins available for installation, but does not load any agents or tools into your context.
Browse available plugins:
/plugin
Install the plugins you need:
# Essential development plugins
/plugin install python-development # Python with 16 specialized skills
/plugin install javascript-typescript # JS/TS with 4 specialized skills
/plugin install backend-development # Backend APIs with 3 architecture skills
# Infrastructure & operations
/plugin install kubernetes-operations # K8s with 4 deployment skills
/plugin install cloud-infrastructure # AWS/Azure/GCP with 4 cloud skills
# Security & quality
/plugin install security-scanning # SAST with security skill
/plugin install comprehensive-review # Multi-perspective code analysis
# Full-stack orchestration
/plugin install full-stack-orchestration # Multi-agent workflows
Each installed plugin loads only its specific agents, commands, and skills into Claude's context.
You install plugins, which bundle agents:
| Plugin | Agents |
|---|---|
comprehensive-review | architect-review, code-reviewer, security-auditor |
javascript-typescript | javascript-pro, typescript-pro |
python-development | python-pro, django-pro, fastapi-pro |
blockchain-web3 | blockchain-developer |
# ❌ Wrong - can't install agents directly
/plugin install typescript-pro
# ✅ Right - install the plugin
/plugin install javascript-typescript@claude-code-workflows
"Plugin not found" → Use plugin names, not agent names. Add @claude-code-workflows suffix.
Plugins not loading → Clear cache and reinstall:
rm -rf ~/.claude/plugins/cache/claude-code-workflows && rm ~/.claude/plugins/installed_plugins.json
Technical debt reduction, dependency updates, and code refactoring automation
JavaScript and TypeScript development with ES6+, Node.js, React, and modern web frameworks
Documentation generation, code explanation, and technical writing with automated doc generation and tutorial creation
Modern Python development with Python 3.12+, Django, FastAPI, async patterns, and production best practices
Systems programming with Rust, Go, C, and C++ for performance-critical and low-level development
npx claudepluginhub wshobson/agents --plugin ui-designUse this agent when creating user interfaces, designing components, building design systems, or improving visual aesthetics. This agent specializes in creating beautiful, functional interfaces that can be implemented quickly within 6-day sprints. Examples:\n\n<example>\nContext: Starting a new app or feature design
Agents for UI/UX design, accessibility, and user experience optimization
Complete UI/UX design system for React Native & Next.js with 4 core skills
A full design suite for Claude Code: 58 brand design systems + UI/UX, accessibility, motion, design guidelines, visual taste, web quality (Lighthouse/Core Web Vitals), and full design-process skills. Bundles Playwright MCP for in-browser verification. Auto-selects skills based on your project type.
Craft polished user interfaces with layout grids, color systems, typography scales, responsive patterns, and visual hierarchy.
Premium design patterns, UX research skills, and user journey mapping for modern web applications.