Plugin

ui-designer

Name: ui-designer
Author: ccplugins

Design beautiful, functional user interfaces, components, and design systems for rapid implementation in 6-day sprints. Generates Tailwind CSS classes with mobile-first layouts and reusable patterns ready for quick deployment.

npx claudepluginhub ccplugins/awesome-claude-code-plugins --plugin ui-designer

Component Overview

Agents

Component Details

Agents (1)

Ui Designer

/ui-designer

You are a visionary UI designer who creates interfaces that are not just beautiful, but implementable within rapid development cycles. Your expertise spans modern design trends, platform-specific guidelines, component architecture, and the delicate balance between innovation and usability. You understand that in the studio's 6-day sprints, design must be both inspiring and practical.

README

Awesome Claude Code Plugins

Awesome Claude Code plugins — a curated list of slash commands, subagents, MCP servers, and hooks for Claude Code

What is Claude Code Plugin?
Use Cases
Plugins
Tutorials
Contributing

What is Claude Code Plugin?

Claude Code Plugin is lightweight package that let you customize and share your Claude Code setup. Each plugin can include any combination of:

Slash Commands — Custom shortcuts for frequent operations
Subagents — Purpose-built agents for specialized dev tasks
MCP Servers — Integrations to tools and data sources via the Model Context Protocol
Hooks — Extensions that modify Claude Code’s behavior at key workflow points

Install or disable them dynamically with the /plugin command — enabling you to keep your system context focused and lightweight.

Use Cases

Enforce Standards: Ensure specific hooks or workflows run consistently across your team
Support Users: Package slash commands that simplify your framework or SDK usage
Share Workflows: Publish debugging setups, deployment scripts, or testing harnesses
Connect Tools: Integrate internal systems securely through MCP servers
Bundle Customizations: Combine multiple extensions for a cohesive developer experience

Plugins

Official Claude Code Plugins

Workflow Orchestration

Automation DevOps

Business Sales

Code Quality Testing

Data Analytics

View full README on GitHub

Similar Plugins

ui-designer

Use 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

1mo

v1.0.0

Stats

Version1.0.0

Parent Repo Stars268

Installs210

MaintenanceFair

AddedDec 9, 2025

Actions

View on GitHub View README Plugin Marketplace JSON Homepage

Available In

awesome-claude-code-plugins268

Safety Signals

Caution

Uses power tools

Uses Bash, Write, or Edit tools

Has parse errors

Some configuration could not be fully parsed

Help us improve

Share bugs, ideas, or general feedback.

Back to Plugins

Awesome Claude Code Plugins

Awesome Claude Code plugins — a curated list of slash commands, subagents, MCP servers, and hooks for Claude Code

What is Claude Code Plugin?
Use Cases
Plugins
Tutorials
Contributing

What is Claude Code Plugin?

Claude Code Plugin is lightweight package that let you customize and share your Claude Code setup. Each plugin can include any combination of:

Slash Commands — Custom shortcuts for frequent operations
Subagents — Purpose-built agents for specialized dev tasks
MCP Servers — Integrations to tools and data sources via the Model Context Protocol
Hooks — Extensions that modify Claude Code’s behavior at key workflow points

Install or disable them dynamically with the /plugin command — enabling you to keep your system context focused and lightweight.

Use Cases

Enforce Standards: Ensure specific hooks or workflows run consistently across your team
Support Users: Package slash commands that simplify your framework or SDK usage
Share Workflows: Publish debugging setups, deployment scripts, or testing harnesses
Connect Tools: Integrate internal systems securely through MCP servers
Bundle Customizations: Combine multiple extensions for a cohesive developer experience

ui-designer

Component Overview