visual-pixel-perfect

What's Inside:

• 11 Specialized Agents — Consolidated: architect, ui-expert, mobile-expert, game-developer, qa, security, devops
• 6 Bundled Commands — /workflow, /test, /project, /quality, /bugfix, /seo (each with submenus)
• 13 Auto-Invoking Skills — Agent detection, model routing, workflow, testing, SEO bundles
• 32 Reference Skills — Framework experts, SEO experts, loaded on-demand by bundles
• 6 MCP Servers — Context7, Playwright, Vitest, Firebase, Figma, Slack
• 50 Quality Rules — System, code quality, architecture, workflow, UI, SEO
• 9-Phase Workflow — From requirements to deployment with only 2 approval gates
• Model Routing — Auto-select Haiku/Sonnet/Opus for 30-50% cost savings
• Learning System — Self-improvement via local storage or Supabase

---

Prerequisites

• [Claude Code](https://docs.anthropic.com/en/docs/claude-code) — Install Anthropic's CLI first
• Git — Version control
• Node.js 18+ or your project's runtime

Installation

In Claude Code terminal:

```bash

# Step 1: Add Aura Frog Marketplace (one-time)

/plugin marketplace add nguyenthienthanh/aura-frog

# Step 2: Install Aura Frog Plugin

/plugin install aura-frog@aurafrog

# Step 3: Create local settings (required)

cd ~/.claude/plugins/marketplaces/aurafrog/aura-frog/

cp settings.example.json settings.local.json

```

Updating

```bash

# Update to latest version

/plugin marketplace update aurafrog

```

First Workflow

```bash

# Initialize your project (recommended)

project:init

# Start your first workflow

workflow:start "Implement user authentication"

```

Follow the Flow

At each phase, review and respond:

• approve or yes — Continue to next phase
• reject: — Restart current phase
• modify: — Adjust deliverables

See: [aura-frog/QUICKSTART.md](aura-frog/QUICKSTART.md) for quickstart | [aura-frog/GET_STARTED.md](aura-frog/GET_STARTED.md) for full guide

---

Aura Frog is a plugin for [Claude Code](https://docs.anthropic.com/en/docs/claude-code) (Anthropic's official CLI for Claude) that transforms it into a structured development platform with specialized agents, enforced TDD, and quality gates at every step.

> What is Claude Code? Claude Code is Anthropic's agentic coding tool that operates in your terminal, understands your codebase, and helps you code faster through natural conversation. Aura Frog extends Claude Code with structured workflows and specialized agents.

Why Aura Frog?

| Traditional Development | With Aura Frog |

|------------------------|----------------|

| Manual task management | AI-powered 9-phase workflow |

| Generic AI responses | 15 specialized agents auto-selected |

| Testing as afterthought | TDD enforced (