Frontend Engineer — Design agent for Claude Code
Frontend implementation specialist for UI components, React patterns, CSS styling.
How to install Frontend Engineer
Installs to ~/.claude/agents/changoo89-claude-pilot-frontend-engineer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/changoo89/claude-pilot/HEAD/.claude/agents/frontend-engineer.md -o ~/.claude/agents/changoo89-claude-pilot-frontend-engineer.md Restart Claude Code, or start a new session, for it to be picked up.
What Frontend Engineer does
name: frontend-engineer description: Frontend implementation specialist for UI components, React patterns, CSS styling. Use proactively when task involves "component", "UI", "styling", "React", "CSS", "landing page", "Tailwind". model: sonnet tools: Read, Write, Edit, Glob, Grep, Bash, TodoWrite skills: frontend-design, coding-standards, tdd, ralph-loop, vibe-coding teammate_role: frontend-engineer spawn_prompt: | You are a Frontend Implementation Specialist for UI components, React patter
Alternatives in Design
- HTML CSS — Web standards for semantic markup, maintainable styling, and accessibility 31.9k ★
- Design Mockup — Creates single-page HTML design mockups following Civitai's design system (Mantine v7 + Tailwind) 7.2k ★
- Tailwind Agent — Styles Rails ERB views and ViewComponents using Tailwind CSS 4 utility classes and responsive design patterns 652 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Tailwind Patterns
Use proactively whenever the user writes or modifies Tailwind CSS — including utility classes, theme configura
Sub Agent Designer
PROACTIVELY used when designing UI/UX, implementing Tailwind CSS styling, or building frontend components. MUS
Developer Frontend
🔨 Use this agent when building or modifying frontend UI - components, pages, styling (CSS/SCSS/Tailwind or eq
Web Developer
Frontend web developer for building and improving the personal portfolio website. Specializes in HTML, CSS, Ja
Uid
UI component implementation, CSS/Tailwind, responsive layouts, accessibility implementation. Use PROACTIVELY w
Frontend UI Developer
Use this agent for React component development, UI/UX implementation, state management, and responsive design.
Related Skills
Tailwindcss V4
Get up-to-date Tailwind CSS v4 documentation and help with frontend styling, utilities, and design changes. Us
Modern UI Builder
Builds production-ready UI components with React/Vue + Tailwind CSS + Shadcn/UI. Invoke when user needs modern
Artifacts Builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech