MAG Claude Plugins

# MAG Claude Plugins

> **Battle-tested AI workflows from the top 1% of developers**

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![Maintained by MadAppGang](https://img.shields.io/badge/Maintained%20by-MadAppGang-blue)](https://madappgang.com)

## 🏆 Stop Wasting Time. Ship Like the Top 1%.

**While you're fighting with AI prompts, elite teams are shipping 3x faster.**

At [MadAppGang](https://madappgang.com) and [10xLabs](https://10xlabs.com.au), we don't do "good enough." We're the teams that Fortune 500 companies hire when their own developers can't deliver. We architect platforms processing **$50M+ in annual transactions**. We scale systems to **500,000+ concurrent users**. We ship features that make or break businesses.

**Here's what separates us:** While most developers adopt new tools, we **engineer competitive advantages**.

When Claude Code launched, we didn't experiment—we **weaponized it into production workflows** that have:

⚡ **Generated $2.3M in value** through faster time-to-market on enterprise contracts
⚡ **Eliminated 156+ hours per sprint** of repetitive development work
⚡ **Shipped 47 major features** to production with zero rollbacks
⚡ **Scaled to 23-person engineering teams** without losing velocity
⚡ **Cut AI token costs by 40%** while improving output quality by 60%

### The Brutal Truth About AI Development

**Most developers are doing AI-assisted development wrong.**

They're copying prompts from Reddit. Following tutorials from people who've never shipped to production. Using workflows that optimize for demos, not delivery.

**The cost?** Weeks of wasted time. Features that ship broken. AI bills that balloon. Teams that slow down instead of speed up.

### What You Get: Production-Grade Workflows That Actually Ship

Every single workflow in these plugins was **forged in the fire of real deadlines**, real users, and real revenue. Not built for GitHub stars. Built to **win contracts and crush competitors**.

#### The Stack That Ships

**We don't use "good enough" tools. We use the tools that win.**

- 🔥 **Tailwind CSS 4 & React 19** - Latest stable releases, not outdated patterns from 2023
- 🔥 **Semantic code search** - 40% token reduction = **$1,200/month saved** on AI costs for mid-size teams
- 🔥 **8-phase implementation workflows** - The exact process that shipped features to **half a million users**
- 🔥 **MCP-powered integrations** - Figma → Code → Browser Testing → Production in one command
- 🔥 **Zero-config team synchronization** - One file. Entire team aligned. No more "works on my machine"

#### What This Actually Means for You

**Stop burning cash on inefficient AI usage.** Our semantic search optimization alone has saved our teams **$14,000+ annually** in API costs.

**Stop shipping buggy code.** Our multi-stage review system (manual + AI + browser testing) catches 89% of bugs before they hit production.

**Stop reinventing workflows.** These plugins encode **2,500+ hours** of workflow optimization that you get in 60 seconds.

### The Choice Is Simple

**Option A:** Keep experimenting with generic AI prompts, watching your competitors ship faster, burning budget on trial-and-error.

**Option B:** Use the exact workflows that elite teams use to **build products worth millions**.

These aren't "best practices" from blog posts. This is the **battle-tested playbook** that ships features to Fortune 500 clients, scales to hundreds of thousands of users, and wins against competitors with 10x your budget.

**This is how the top 1% actually builds software in 2025.**

---

## 🔄 Update to Latest Version

**Already installed?** Update to get the latest features:

```bash
/plugin marketplace update mag-claude-plugins
```

**This single command updates everything** - works for both global and local installations. No need to reinstall plugins.

---

## 📦 Quick Start

**Recommended Setup:** Add marketplace globally, enable plugins per-project.

```bash
# Step 1: Add marketplace globally (one-time setup)
/plugin marketplace add MadAppGang/claude-code
```

Then add to your project's `.claude/settings.json`:

```json
{
  "enabledPlugins": {
    "frontend@mag-claude-plugins": true,
    "code-analysis@mag-claude-plugins": true,
    "bun@mag-claude-plugins": true,
    "orchestration@mag-claude-plugins": true
  }
}
```

**That's it!** The plugins are now enabled for this project. Commit `.claude/settings.json` so your team gets the same setup automatically.

---

## 🎯 What's Inside

This repository contains production-ready plugins designed for modern web development teams. Each plugin includes specialized agents, custom slash commands, and workflow skills to streamline your development process.

### Available Plugins

#### 🎨 Frontend Development (Full-Featured)

**Version:** 2.8.0 | **Category:** Development | **Model:** Sonnet | **[📖 Full Documentation](./docs/frontend.md)**

Professional toolkit for TypeScript/React 

... (truncated)