By JNLei
Run a local MCP server to access shadcn CLI tools for adding, installing, and managing React UI components built with Tailwind CSS in your frontend projects.
Open-source marketplace of Claude Code plugins (commands, hooks, agents, skills, MCPs, and bundles) in the standard Claude plugin layout.
.claude-plugin/marketplace.json — catalog of all plugins (regenerated from plugins/)plugins/ — actual plugins scoped by type:
commands/ — slash command pluginshooks/ — event hook plugins with hooks/hooks.jsonagents/ — subagent pluginsskills/ — Agent Skills with SKILL.mdmcp/ — MCP server plugins (.mcp.json)bundles/ — multi-component bundlesscripts/generate-marketplace.js — rebuilds the marketplace catalog from manifestsnode scripts/generate-marketplace.js
/plugin marketplace add ./
/plugin install dev-docs@claudesmith-marketplace
claude plugin validate .
Each plugin lives under plugins/<category>/<name>/ with a manifest at .claude-plugin/plugin.json and component directories at the plugin root (not inside .claude-plugin/).
Minimal manifest example:
{
"name": "my-plugin",
"version": "0.1.0",
"description": "What this plugin does",
"author": { "name": "Your Name" },
"license": "MIT",
"keywords": ["team", "feature"]
}
After adding files, run node scripts/generate-marketplace.js to refresh marketplace.json.
.claude-plugin/plugin.json required; keep paths relative; use ${CLAUDE_PLUGIN_ROOT} in scripts/hooks.hooks/hooks.json; scripts in scripts/ and executable.skills/<skill-name>/SKILL.md with frontmatter..mcp.json or mcpServers in manifest; commands may use npx or bundled binaries.keywords in plugin.json; generator merges category + keywords into marketplace tags.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.
PostToolUse hook to log tool usage analytics
Frontend development skill with design and implementation checklists
UserPromptSubmit hook to activate relevant skills via intent matching
MCP server for Next.js developer tooling
PreToolUse hook to run TypeScript type-checks
npx claudepluginhub JNLei/claude-tools --plugin shadcnFrontend development skill with design and implementation checklists
Expert shadcn/ui with Radix UI and Base UI detection, component patterns, registries, theming, and migration
Tailwind v4 theming and shadcn/ui component installation, customisation, and recipes.
shadcn/ui AI chat components for conversational interfaces. Use for streaming chat, tool/function displays, reasoning visualization, or encountering Next.js App Router setup, Tailwind v4 integration, AI SDK v5 migration errors.
Build React UIs with shadcn/ui — the open-code component system. Covers 58+ components (Base UI and Radix variants), CLI commands, components.json configuration, CSS variable theming (OKLCH), framework installation (Next.js, Vite, Astro, Remix, Laravel, Gatsby, TanStack), registry system, form patterns (React Hook Form, TanStack Form, Server Actions), dark mode, RTL, and monorepo setup.
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