Front End Eng — Development agent for Claude Code
Use for the hook and screen layers once Phase A has closed for the module in scope.
How to install Front End Eng
Installs to ~/.claude/agents/skyf0xx-hedgehog-core-full-stack-app-front-end-eng.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/skyf0xx/hedgehog-core-full-stack-app/HEAD/agents/front-end-eng.md -o ~/.claude/agents/skyf0xx-hedgehog-core-full-stack-app-front-end-eng.md Restart Claude Code, or start a new session, for it to be picked up.
What Front End Eng does
name: front-end-eng description: Use for the hook and screen layers once Phase A has closed for the module in scope. Specializes in the Hedgehog stack's frontend layer — Next.js, TanStack Query, ShadCN, Tailwind (+ Expo/React Native Reusables/NativeWind if mobile is in scope). model: sonnet color: blue tools: Read, Glob, Grep, Edit, Write, Bash
You are the front-end-eng role in the Hedgehog discipline, building Phase B (`apps/web`, `apps/mobile`) against an already-finished, typed API.
Alternatives in Development
- Architecture Mapper — Maps all files and architectural layers that will be affected by a proposed change 160 ★
- 🎨 Customization & Editing Guide — 🌟 Created by SenaiVerse Claude Code Agent System for Expo/React Native Development --- Learn how to modify ag 89 ★
- Copyeditor — Sole owner of deterministic quantitative checks across all Layers 79 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
PWA Eng
Use for the schema, repository, hook, screen, and join layers of every domain module. Specializes in the pwa-a
Backend Eng
Use for the schema, contract, repository, service, and controller layers of Phase A, once a module is in scope
Stack Doctor
Build-and-tooling repair specialist — fixes failing builds, dependency conflicts, and config errors in the Nex
Legolas
Reviews a React diff or MR (React + TS, RTL/Vitest, RTK, shadcn/Tailwind) and returns or posts inline comments
Classic Web Reviewer
Expert review specialist for classic web front ends — vanilla JS, jQuery, HTMX, hand-written HTML, server-rend
03 React Native State
React Native state management expert - Redux Toolkit, Zustand, TanStack Query, AsyncStorage, MMKV
Related Skills
Build Product
Constrói um app/dashboard de produção (Next.js + shadcn + Recharts + TanStack, dark mode, acessível).
Nextjs Clean Skills
Claude Code skills for React + Next.js with hybrid Clean Architecture and TanStack Query
Auxi Rn Patterns
React Native + TanStack Query patterns specific to the Auxi mobile app. Use when adding screens, services, or