By fusengine
Automate shadcn/ui workflows with auto-approved file writes and post-processing scripts, enabling streamlined component registration, theming, and migration tasks.
Component patterns for shadcn/ui with both Radix UI and Base UI primitives. Covers API differences, mapping between primitives, and correct usage patterns.
Detect whether a project uses Radix UI or Base UI as shadcn/ui primitives. Analyzes package.json, components.json, imports, and data attributes to determine the primitive library in use.
Migration guide between Radix UI and Base UI primitives for shadcn/ui. Covers step-by-step migration, API transformations, and validation checklists.
Configure shadcn/ui registries, components.json, and CLI commands. Covers default Radix registry, Base UI registry, and custom registries.
Design tokens and theming for shadcn/ui. Covers CSS variables, OKLCH colors, dark/light mode, and theme configuration for both Radix and Base UI primitives.
Modifies files
Hook triggers on file write and edit operations
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 claimnpx claudepluginhub fusengine/agents --plugin fuse-shadcn-uiBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
A plugin ecosystem that turns Claude Code into a supervised, multi-agent development environment. Expert agents write code, hooks enforce quality in real-time, skills inject framework-specific knowledge, and intelligent cartography auto-maps plugins and projects — so Claude never guesses, never duplicates, and always follows your architecture.

Without plugins: Claude Code writes code based on its training data. It can hallucinate APIs, duplicate existing code, ignore your project structure, and produce inconsistent quality.
With Fusengine plugins:
# Add marketplace
/plugin marketplace add fusengine/agents
# Install all plugins
/plugin install fuse-ai-pilot fuse-commit-pro fuse-laravel fuse-nextjs fuse-react fuse-astro fuse-swift-apple-expert fuse-solid fuse-tailwindcss fuse-design fuse-prompt-engineer fuse-shadcn-ui fuse-security fuse-changelog
# Setup (hooks + API keys + MCP servers)
~/.claude/plugins/marketplaces/fusengine-plugins/setup.sh # macOS / Linux
~\.claude\plugins\marketplaces\fusengine-plugins\setup.ps1 # Windows
Statusline (optional):
bun --cwd ~/.claude/plugins/marketplaces/fusengine-plugins/plugins/core-guards/statusline run config
User prompt → Hook detects project type → Expert agent activated
→ Hook loads SOLID references → Agent reads docs via MCP
→ Hook blocks if DRY violation → Agent writes code
→ Hook checks file size → Sniper validates quality
→ Hook blocks secrets → Commit with version bump
Every step is intercepted. Claude cannot skip research, cannot duplicate code, cannot exceed file size limits, and cannot commit without security validation.
Each plugin provides an expert agent that auto-activates when it detects the framework in your project. The agent has access to official documentation via MCP servers and follows SOLID principles enforced by hooks.
| Plugin | Detects | What the agent does |
|---|---|---|
| fuse-nextjs | next.config.* | App Router, RSC, Prisma 7, Better Auth, proxy.ts patterns |
| fuse-laravel | composer.json + artisan | Eloquent, Livewire, Blade, queues, Sanctum, Stripe Connect |
| fuse-react | package.json + React | React 19 hooks, TanStack Router/Form, Zustand stores |
| fuse-astro | astro.config.* | Islands, Content Layer, Actions, SEO, Starlight, i18n |
| fuse-swift-apple-expert | Package.swift | SwiftUI, concurrency, all Apple platforms (iOS → visionOS) |
| fuse-tailwindcss | tailwind.config.* | v4.1 CSS-first config, @theme, @utility, OKLCH colors |
| fuse-design | Any UI task | Gemini Design MCP + shadcn/ui + WCAG 2.2 accessibility |
| fuse-shadcn-ui | components.json | Radix/Base UI detection, registry, theming, migration |
Expert Prompt Engineer with Context Engineering, Meta-Prompting, Chain-of-Thought, Few-Shot, Agent Design, 50+ Template Library, and A/B Testing
SOLID principles enforcement with automatic project detection and validation for all languages
AI Pilot workflow agents: sniper (code quality), research-expert, explore-codebase, seo-expert, websearch
Claude Code update watcher: changelog tracking, breaking changes detection, community pulse via Exa, plugin compatibility analysis
Design Director for complete apps, sites, and SaaS. Multi-stack support (React/shadcn, Laravel/Livewire Flux, Swift/SwiftUI). Identity System, page layouts, motion system, palette generator, design audit. Anti-AI-Slop, WCAG 2.2, Gemini Design MCP.
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.
Reusable UI component patterns for implementing common features across different frameworks and tech stacks
Complete UI/UX design system for React Native & Next.js with 4 core skills
ShadcnBlocks integration with intelligent block selection. Uses multi-dimensional tagging (layout, tone, goal, media, interaction) and guided 1-2 question flow to recommend the best-fit blocks from 1,338 premium blocks and 1,189 free components.
Design Director for complete apps, sites, and SaaS. Multi-stack support (React/shadcn, Laravel/Livewire Flux, Swift/SwiftUI). Identity System, page layouts, motion system, palette generator, design audit. Anti-AI-Slop, WCAG 2.2, Gemini Design MCP.
Premium design patterns, UX research skills, and user journey mapping for modern web applications.