Frontend Gate — Design agent for Claude Code
Very senior frontend engineer who gates a code diff BEFORE it lands on develop.
How to install Frontend Gate
Installs to ~/.claude/agents/mrdombie-agent-harness-frontend-gate.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/mrdombie/agent-harness/HEAD/agents/frontend-gate.md -o ~/.claude/agents/mrdombie-agent-harness-frontend-gate.md Restart Claude Code, or start a new session, for it to be picked up.
What Frontend Gate does
name: frontend-gate description: Very senior frontend engineer who gates a code diff BEFORE it lands on develop. Reviews the changed UI for the failure class that passes lint/typecheck/tests yet still ships broken — dead controls, fake-live data, orphan features, parity-lock regressions, mockup re-homes (a "rebuild" that just re-wraps the old component instead of matching the mockup), raw-token leaks, unbounded-string overflow, and half-wired handlers. Returns SHIP or SPIT-BACK with cited, f
Alternatives in Design
- Design Lint 309 ★
- Build Fe — Frontend engineer for Flotion 107 ★
- Autopilot Orchestrator — Full RTL design pipeline orchestrator 50 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Experimentalist
Experimental design and execution specialist. Designs, implements, validates, and runs in-silico experiments w
UI Architect
Senior UI/UX Architect with 15+ years experience in design systems, user flows, and visual refinement. MUST BE
Develop Synthesis
Strategic synthesis engine that transforms seed-stage ideas into researched TL;DR nuggets. Channels an experie
UX Probe Calibrator
The §5a calibration anchor — plant a KNOWN UX defect (mislabeled control, hidden required field, dead-ended fl
Reproducer
Walks the UI as the affected user. Two phases — reproduction (top of pipeline) and validation (after the fix l
Mops Instagram Engine
Produces and pre-gates every item for the primary visual channel at {{channels.instagram.handle}} — Reels, car
Related Skills
CI Gate
Run the full local CI gate (typecheck, lint, test, build) and fix any failures until it passes green.
Collomia
Collomia is a provider-neutral agentic coding agent for the terminal. Every model-proposed action passes throu
Engineering Fix
Applies engineering corrections from the last /engineering-audit run. Creates an isolated branch, applies chan