skyf0xx

Front End Eng — Development agent for Claude Code

Development community

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

Terminal

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

Screen Reader Testing — Practical guide to testing web applications with screen readers for comprehensive accessibility vali 31.9k ★
Architecture Mapper — Maps all files and architectural layers that will be affected by a proposed change 160 ★
Screen Analyst — Use this agent exclusively in the /b3:screen pipeline to fetch precomputed screening metrics for a B3 ticker 124 ★