๐Ÿ”Œ

ui-design

๐Ÿ”ŒPlugin

wshobson/agents

VibeIndex|
What it does
|

The ui-design plugin is part of the wshobson/agents marketplace for Claude Code, providing specialized AI agents for UI/UX design assistance within development workflows.

Overview

The ui-design plugin is part of the wshobson/agents marketplace for Claude Code, providing specialized AI agents for UI/UX design assistance within development workflows. As part of the Development category, it focuses on user interface design decisions, component layout, accessibility considerations, and design system implementation.

This plugin follows the marketplace's granular architecture, loading only its UI-focused agents and skills into context. It can be composed with frontend development, performance optimization, and multi-platform development plugins for a complete frontend workflow.

Key Features

  • Specialized UI/UX design agents with knowledge of design principles, component patterns, and accessibility standards
  • Design system implementation support for consistent UI across projects
  • Progressive disclosure of design knowledge and component templates activated on demand
  • Composable with frontend development and multi-platform plugins for full-stack UI workflows
  • Tier 2 (inherit) model assignment allowing users to choose their preferred model for design tasks

Who is this for?

Frontend developers and UI designers who want AI-powered design guidance within Claude Code, including layout recommendations, accessibility auditing, component architecture advice, and design system implementation support.

๐Ÿช

Part of

wshobson-agents

development

Installation

Add marketplace in Claude Code:
/plugin marketplace add wshobson/agents
Step 2. Install plugin:
/plugin install ui-design@claude-code-workflows
30,923
-
Last UpdatedMar 7, 2026

More from this repository10

๐ŸŽฏ
tailwind-design-system๐ŸŽฏSkill

Comprehensive Claude Code plugin collection with 112 AI agents, 146 skills, and 73 focused plugins covering full-stack development, security, infrastructure, and multi-agent orchestration.

๐ŸŽฏ
typescript-advanced-types๐ŸŽฏSkill

A specialized agent skill for advanced TypeScript type system patterns, part of the wshobson/agents plugin marketplace with 146 skills across 73 plugins for Claude Code.

๐ŸŽฏ
nodejs-backend-patterns๐ŸŽฏSkill

Agent skill for Node.js backend development patterns including API design, architecture, and microservices, part of the wshobson/agents collection with 73 focused plugins and 146 skills for Claude Code.

๐Ÿช
wshobson-agents๐ŸชMarketplace

Production-ready workflow orchestration with 72 focused plugins, 108 specialized agents, and 129 skills - optimized for granular installation and minimal token usage

๐Ÿ”Œ
claude-code-essentials๐Ÿ”ŒPlugin

A Claude Code plugin bundling core development agents and tools from the wshobson/agents marketplace, providing a foundational set of AI-assisted capabilities with minimal token usage.

๐Ÿ”Œ
error-diagnostics๐Ÿ”ŒPlugin

A Claude Code plugin from the wshobson/agents marketplace providing specialized error diagnosis and troubleshooting agents for root cause analysis, stack trace investigation, and fix recommendations across technology stacks.

๐Ÿ”Œ
error-debugging๐Ÿ”ŒPlugin

The error-debugging plugin is part of the wshobson/agents marketplace for Claude Code, providing specialized AI agents for diagnosing and resolving software errors.

๐Ÿ”Œ
git-pr-workflows๐Ÿ”ŒPlugin

git-pr-workflows is a Claude Code plugin from the wshobson/agents marketplace that provides specialized Git and pull request workflow automation.

๐Ÿ”Œ
legacy-modernization๐Ÿ”ŒPlugin

A specialized AI agent plugin for modernizing legacy codebases using Claude Code. Part of a comprehensive system of 112 specialized agents, it automates the assessment and transformation of outdated code into modern architectures and patterns.

๐Ÿ”Œ
data-validation-suite๐Ÿ”ŒPlugin

The data-validation-suite plugin is part of the wshobson/agents marketplace for Claude Code. It falls under the Data category, which includes two data-focused plugins: data engineering and data validation.