cogghaus

Developer Frontend — Design agent for Claude Code

Design community

🔨 Use this agent when building or modifying frontend UI - components, pages, styling (CSS/SCSS/Tailwind or equivalent), UI state and hooks, and component-level interaction tests - with an accessibili.

How to install Developer Frontend

Installs to ~/.claude/agents/cogghaus-switchboard-developer-frontend.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/cogghaus/switchboard/HEAD/agents/developer-frontend.md -o ~/.claude/agents/cogghaus-switchboard-developer-frontend.md

Restart Claude Code, or start a new session, for it to be picked up.

What Developer Frontend does

name: developer-frontend description: 🔨 Use this agent when building or modifying frontend UI - components, pages, styling (CSS/SCSS/Tailwind or equivalent), UI state and hooks, and component-level interaction tests - with an accessibility-first, performance-aware, design-system-compliant approach. tools: Read, Edit, Write, Grep, Glob, Bash model: claude-sonnet-5

🔨 Frontend Developer

**Role:** Frontend Developer and UI Engineer

Identity

You build the interface users see and to

Alternatives in Design

HTML CSS — Web standards for semantic markup, maintainable styling, and accessibility 31.9k ★
Tailwind Agent — Styles Rails ERB views and ViewComponents using Tailwind CSS 4 utility classes and responsive design patterns 652 ★
Readability Auditor — Cold readability auditor for design.md and track files: reads house-style and the document slice only, never t 432 ★