shadcn
By fradser
Manage shadcn/ui components in React Tailwind projects: add new ones to your codebase, search and browse library, fix bugs and debug issues, customize styles, compose complex UIs, with project-aware context, official docs, usage examples, and enforced Tailwind forms best practices.
npx claudepluginhub fradser/dotclaude --plugin shadcnComponent Overview
Component Details
README
Frad's Claude Code Plugins 
English | 简体中文
A curated collection of 15 plugins for Claude Code, providing specialized agents, skills, and automation tools for development and productivity workflows.
Available Plugins
git
Conventional Git automation for commits and repository management with AI code quality checks.
Installation:
claude plugin install git@frad-dotclaude
gitflow
GitFlow workflow automation for feature, hotfix, and release branches with semantic versioning.
Installation:
claude plugin install gitflow@frad-dotclaude
github
GitHub project operations with quality gates, TDD workflows, and comprehensive validation.
Installation:
claude plugin install github@frad-dotclaude
superpowers
Advanced development workflow orchestration with BDD support and Agent Team execution for complex projects.
Installation:
claude plugin install superpowers@frad-dotclaude
refactor
Code simplification and refactoring with language-specific patterns and cross-file optimization.
Installation:
claude plugin install refactor@frad-dotclaude
swiftui
SwiftUI Clean Architecture reviewer for iOS/macOS development with best practices enforcement.
Installation:
claude plugin install swiftui@frad-dotclaude
claude-config
Generate comprehensive CLAUDE.md configuration files with environment detection and interactive workflow.
Installation:
claude plugin install claude-config@frad-dotclaude
office
Patent application generation, Feishu document creation, and Product Requirements Documents.
Installation:
claude plugin install office@frad-dotclaude
plugin-optimizer
Validate and optimize Claude Code plugins against official best practices with agent-based fixes.
Installation:
claude plugin install plugin-optimizer@frad-dotclaude
next-devtools
Next.js development tools integration via MCP server for routing, components, and API analysis.
Installation:
claude plugin install next-devtools@frad-dotclaude
acpx
Knowledge base for acpx - a headless ACP CLI for agent-to-agent communication.
Installation:
claude plugin install acpx@frad-dotclaude
shadcn
Manages shadcn components - adding, searching, fixing, debugging, styling, and composing UI.
Installation:
claude plugin install shadcn@frad-dotclaude
code-context
Five methods to retrieve code context: DeepWiki, Context7, Exa, git clone, and web search.
Installation:
claude plugin install code-context@frad-dotclaude
utils
General-purpose utility skills for documentation, writing, and project maintenance.
Installation:
claude plugin install utils@frad-dotclaude
meeseeks-vetted
Enforces task clarity before execution and requires verified work before exit.
Installation:
claude plugin install meeseeks-vetted@frad-dotclaude
Adding a New Plugin
- Create a plugin directory under
plugin-name/. - Add
.claude-plugin/plugin.jsonwith required metadata. - Add the plugin entry to
.claude-plugin/marketplace.json. - Run
/utils:update-readmeto sync both README files.
License
Similar Plugins
component-patterns-plugin
Reusable UI component patterns for implementing common features across different frameworks and tech stacks
Help us improve
Share bugs, ideas, or general feedback.