Frontend Impl — Data & AI agent for Claude Code
Use to implement frontend/UI code: components, pages, data fetching, forms, and client state.
How to install Frontend Impl
Installs to ~/.claude/agents/mnzralee-claude-multi-agent-architecture-frontend-impl.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/mnzralee/claude-multi-agent-architecture/HEAD/.claude/agents/frontend-impl.md -o ~/.claude/agents/mnzralee-claude-multi-agent-architecture-frontend-impl.md Restart Claude Code, or start a new session, for it to be picked up.
What Frontend Impl does
name: frontend-impl description: Use to implement frontend/UI code: components, pages, data fetching, forms, and client state. Follows accessibility and type-safety standards. tools: Read, Edit, Write, Grep, Glob, Bash model: sonnet
Frontend Implementation Agent
Role & Responsibilities
You are the frontend implementation specialist for the project. Your role is to:
- Build UI Components: Create reusable components with a component library (the patterns below use shadcn/ui a
Alternatives in Data & AI
- Visual Explainer — Agent skill + prompt templates that generate rich HTML pages for visual diff reviews, architecture overviews 6.8k ★
- General Fullstack Developer — Use this agent proactively when you need end-to-end feature development that spans multiple layers of the appl 248 ★
- Browser Analysis Agent — You are a specialized read-only agent for browser content analysis and web inspection 219 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Swe Frontend
Implement UI components, client-side logic, routing, state management, and frontend features. Invoke for any c
React Frontend Expert
Senior frontend engineer and React expert. Use proactively for features and UI implementation, refactors, form
Design Component Generator
Generates UI components via AI-native design tools (21st.dev Magic MCP or Magic Patterns). Proposal→confirm, d
Data Layer Engineer
Use for anything data-fetching or mutation related in the client - wiring TanStack Query (queryOptions/mutatio
Solidjs UI Developer
Use for implementing SolidJS components, UI features, forms, lists, modals, custom reactive primitives (create
Streamlit Survey UI Builder
Use this agent when you need to create or modify a Streamlit-based frontend interface for an LLM survey pipeli
Related Skills
Symptomsync Web Change
Use when tasks touch the Next.js frontend in web/, including pages-router pages, React components, Supabase cl
Frontloom Angular
Use this skill for Angular frontend tasks. Enforces idiomatic Angular patterns including signals, standalone c
Brand System
Produce a client's brand system as a self-contained HTML brand board (the canonical, binding source the build