fe-harness

컴포넌트 보일러플레이트를 자동 생성한다. '컴포넌트 만들어줘', 새 컴포넌트 스캐폴딩이 필요할 때 사용. .claude/fe-harness.local.md 설정에 따라 스타일, 테스트, Storybook 파일을 함께 생성.

fe-harness project profile(.claude/fe-harness.local.md)의 설정 값을 조회하고 키 단위로 수정한다. '프로필 설정 확인해줘', '설정 값 바꿔줘', '{키} 값 뭐야', '{키}를 {값}으로 바꿔줘' 요청 시, init 재실행 없이 값 하나만 보거나 고칠 때 사용. 파일 생성·환경 진단은 하지 않는다 (init·doctor 담당). 레거시 .hyeondong-config.json만 있으면 조회만.

프론트엔드 프로젝트 컨벤션 위배 사항을 검사하고 보고한다. 커밋/PR 전 점검, '컨벤션 검사해줘' 요청 시 사용. start-workflow 품질 루프에서 자동 호출됨.

React/Next.js/TypeScript 프론트엔드 개발 및 리뷰 가이드라인 (컨벤션 참조 문서). convention-check가 검사 기준으로 로드하며, 코드 작성 원칙이 궁금할 때도 사용.

fe-harness 플러그인의 모든 의존성 상태를 한 번에 진단한다. 워크플로우가 SKIP을 내거나 설정이 의심될 때, '환경 진단해줘' 요청 시 사용.

Playwright 기반 E2E 테스트를 작성하고 실행한다. 화면/플로우 구현 후 'E2E 테스트 돌려줘', 실제 브라우저 검증이 필요할 때 사용.

fe-harness 플러그인의 모든 사전 세팅(.claude/fe-harness.local.md)을 한 번에 진행한다. 플러그인 최초 설정, '초기화해줘', doctor가 MISSING을 보고할 때 사용.

ESLint + TypeScript 타입 검사 + 접근성(a11y) 종합 코드 품질 검사. 커밋/PR 전 점검, '린트 돌려줘', '코드 품질 검사' 요청 시 사용. start-workflow 품질 루프에서 자동 호출됨.

작업 유형별(화면 생성·수정/컴포넌트 생성·수정/API 연동·수정) 단계적 질문과 레이아웃 컨펌을 통해 실행 가능한 Technical Spec을 생성한다. '화면/컴포넌트 만들어줘', '스펙 정리해줘', 요구사항이 모호할 때 사용. start-workflow Phase 1에서 자동 호출됨.

변경 코드의 단순화 후보를 4관점 리뷰 Workflow 루프로 수렴할 때까지 반복 적용한다 (최대 10회, Workflow tool 미지원 시 빌트인 /simplify 반복 폴백). 구현 직후 코드 단순화 정리, '심플리파이 돌려줘', '코드 간소화' 요청 시 사용. start-workflow 품질 루프에서 자동 호출됨.

전체 프론트엔드 개발 워크플로우를 자동화한다. 요청 분석 → 난이도 산정 → Plan 리뷰 → 구현 → 품질 루프 → 컴포넌트/접근성 리뷰 → PR → 성찰까지 일관된 파이프라인. '워크플로우 시작', '화면/컴포넌트 만들어줘(전 과정 자동)' 요청 시 사용.

단위 테스트 + E2E 테스트를 실행하고, 실패 시 수정 후 재실행을 반복한다 (최대 5회). '테스트 통과할 때까지 고쳐줘' 요청 시 사용. start-workflow 품질 루프에서 자동 호출됨.

컴포넌트/훅/유틸 단위 테스트를 작성하고 실행한다. Spec이 있으면 추적 ID(AC/EC) 기반으로 필요한 만큼만, 없으면 변경 파일 기반으로 작성. '테스트 작성해줘', '유닛 테스트 돌려줘' 요청 시 사용. start-workflow Phase 5.1에서 --red로 자동 호출됨.