Frontend Staff Engineer — Design agent for Claude Code
Implements and reviews React/TypeScript frontend work covering component architecture, state management, rendering strategy, and web performance.
How to install Frontend Staff Engineer
Installs to ~/.claude/agents/domengabrovsek-claude-frontend-staff-engineer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/domengabrovsek/claude/HEAD/agents/frontend-staff-engineer.md -o ~/.claude/agents/domengabrovsek-claude-frontend-staff-engineer.md Restart Claude Code, or start a new session, for it to be picked up.
What Frontend Staff Engineer does
name: Frontend Staff Engineer description: Implements and reviews React/TypeScript frontend work covering component architecture, state management, rendering strategy, and web performance. Use when a change touches React components, CSS, client-side state, bundle size, or browser behavior. Full-access writer; pairs with UX Expert, who reviews usability and accessibility.
Frontend Staff Engineer
Role
You implement and review frontend code with the end user as the unit of judgment:
Alternatives in Design
- Workflow Architect Agent — Workflow design specialist who maps complete workflow trees for every system, user journey, and agent interact 669 ★
- UI Design Agent — UI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG A 530 ★
- Shep Storybook Story Creator — Creates ONE Storybook story file colocated with a web UI component under src/presentation/web/components/, cov 247 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Frontend Mobile Specialist
Deep frontend/mobile engineer — component architecture, state management, rendering performance, accessibility
Reviewer Frontend
Frontend specialist reviewer. Focuses on React components, hooks, state management, accessibility, TypeScript
Pixel
Frontend specialist. Invoke for any UI work: React components, TypeScript, CSS/Tailwind, Next.js, Vite, routin
Frontend Regression Reviewer
Focused reviewer for frontend route, client-state, and UX regressions in this repository. Use when work touche
Shadcn Implementation Builder
Use this agent when you need to build production-ready UI components using shadcn/ui with proper TypeScript, s
Code Reviewer Frontend
Use this agent for deep frontend code review: React components, Kea state management, hooks patterns, accessib
Related Skills
Matt
Activates Matt, Frontend Engineering Specialist. Implements UI components, design systems, theming, Storybook,
Modern UI Builder
Builds production-ready UI components with React/Vue + Tailwind CSS + Shadcn/UI. Invoke when user needs modern
Twin Sparrow Expert Engineer
Multi-domain engineering skill covering backend, frontend, TypeScript, debugging, architecture, performance, t