fuse-tailwindcss

Fusengine Claude Code Plugins

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.

What It Does

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:

• Expert agents detect your project type (Next.js, Laravel, React, Astro, Swift...) and load framework-specific documentation via MCP servers before writing a single line
• 82 hooks intercept every Write/Edit/Bash call in real-time to enforce file size limits (<100 lines), block code duplication (DRY), require SOLID references, and validate security
• 125 skills inject copy-paste-ready templates, architecture patterns, and best practices directly into agent context — no hallucination needed
• APEX workflow structures every task through Analyze → Plan → Execute (TDD) → Review → Validate — preventing the "just write code and hope" approach
• Sniper validation runs a 7-phase quality check after every modification: explore → research → grep usages → lint → fix → zero errors

Quick Install

# 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

How It Works

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.

Plugins

Development — Framework Expert Agents

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

Quality & Security — Automated Enforcement