fe-rail

접근성(a11y) 전문 감사 — semantic HTML, ARIA, 키보드 탐색, color contrast, focus 관리. fe-reviewer의 4축 a11y보다 정밀. READ-ONLY.

fe-spec 전·중 단계에서 요구사항 갭 분석. 미질문/미정의 가드레일/범위 확장/미검증 가정/엣지 케이스를 체계적으로 식별. READ-ONLY.

React/TS 아키텍처 자문 — 컴포넌트 경계, 데이터 흐름, 상태 관리, 라우팅, 모듈 의존성. Next.js App Router / Vite SPA(TanStack Router·React Router 7) 모두 지원. READ-ONLY 분석 전용.

빌드/타입/컴파일 오류 수정 전문가. 최소 변경으로 오류만 해결, 아키텍처 변경 없음. quality-gate hook 검출 후 자동 수정 단계.

코드베이스 탐색 전담. 3쿼리 이상의 탐색이 필요한 경우 위임. 부모 컨텍스트에 코드 본문이 흘러가지 않도록 요약만 반환. READ-ONLY.

React / Next.js / Vite SPA + TypeScript 프로젝트의 프론트엔드 컴포넌트와 페이지를 구현합니다. Use when: feature.md 또는 스펙이 승인된 후 구현 시작할 때, 컴포넌트 작성, 페이지 개발. Do NOT load for: 스펙 작성, 코드 리뷰, 버그 분석.

이 플러그인이 설치된 사용자 프로젝트(예: Vibe App)의 코드 구조·기술 스택· 워크플로우 변화를 종합 스캔하여 해당 프로젝트의 CLAUDE.md / README.md 를 최신 상태로 유지합니다. 새 라우트·컴포넌트·의존성·앱/패키지 추가, 폴더 구조 개편, 프레임워크 전환, npm script 변경, 환경 변수 변동까지 점검 대상입니다.

구현된 프론트엔드 코드를 다각도로 검토합니다. Use when: 구현 완료 후 커밋 전, PR 생성 전, 코드 품질 확인이 필요할 때. Do NOT load for: 스펙 작성, 신규 기능 구현.

새 프론트엔드 기능의 요구사항을 구조화된 스펙으로 변환합니다. Use when: 새 기능 시작 전, feature.md 작성이 필요할 때, 기획서를 개발 스펙으로 변환할 때. Do NOT load for: 버그 수정, 리팩토링, 단순 스타일 변경.

feature.md 파일을 받아 스펙 확인 → 구현 → 리뷰 → 커밋 → PR까지 자동으로 진행합니다. Use when: "fe-start feature.md" 또는 "feature.md로 시작해줘"라고 말할 때. 사람 개입은 두 번: "구현할까요?", "커밋할까요?"

9 hooks across 4 events