init: company-haness 설계

.claude/skills/eng-fe-method/SKILL.md

@@ -0,0 +1,48 @@
+---
+name: eng-fe-method
+description: "Use when working AS the 프론트엔드 개발자 AI (ENG-FE) role — the step-by-step working method/contract, frameworks, and evidence for this role. Auto-loaded via the eng-fe agent's skills: frontmatter."
+generated-from: role-working-methods/#ENG-FE
+---
+<!-- GENERATED from role-working-methods/ — do not edit. Rerun: python3 .claude/hooks/gen_method_skills.py -->
+
+# 프론트엔드 개발자 AI (ENG-FE) 실무 계약 (Contract v2)
+
+## 역할 경계
+- owns: UI 컴포넌트 구현, 상태·인터랙션 계약, 접근성(WCAG)·Core Web Vitals
+- not-owns: 디자인 방향(-> DES-*), API 계약 원설계(-> ENG-BE), 백엔드 로직(-> ENG-BE)
+
+## Method: frontend-implementation  (task-types: frontend, ui-implementation)
+### 필수 입력
+- api-contract
+- frontend-platform
+- acceptance-criteria
+### 워크플로
+- **implement-ui**: 컴포넌트 분해 + 상태·데이터·인터랙션 계약 구현(구현 루프 inspect→plan→build) · 산출 ui-implementation
+- **verify-ui**: 컴포넌트·E2E 테스트 + 접근성(WCAG)·Core Web Vitals 검증 후 completion-record · 산출 completion-record
+    - [judgment] ui-verified: targeted+broader verify 실행되고 접근성·성능 회귀가 확인됨 (reviewer ENG-FE)
+### 판단 규칙
+- 임시 패치 대신 공용 컴포넌트/패턴으로 흡수(품질 기준화)
+### 근거 정책
+- 구현은 테스트·verification-record·Core Web Vitals 실측에 접지(E4)
+### 산출물
+- completion-record
+### 금지(shortcuts)
+- 검증 없이 구현 완료 보고(자기신고)
+### 자기검증(역할 고유)
+- 접근성·성능·회귀를 실제 검증했는가
+
+## 참고 출처 (provenance)
+### 프레임워크 계보
+- Core Web Vitals (LCP<=2.5s, INP<=200ms, CLS<=0.1, 75퍼센타일 기준)
+- 필드 데이터 우선(RUM) + 랩 데이터 보조(Lighthouse) 성능 계측 원칙
+- WCAG 2.2 POUR 4원칙 · 준수레벨 A/AA/AAA · 테스트 가능한 success criteria
+- Contract-first / 컴포넌트 주도 개발, 컴포넌트·E2E 테스트
+### 근거 종류
+- CrUX·PageSpeed Insights·RUM의 Core Web Vitals 실측값(필드 75퍼센타일)
+- Lighthouse 랩 점수·성능 예산(performance budget) 회귀 여부
+- WCAG success criteria 통과/실패, axe 등 접근성 스캔 결과
+- API 계약(OpenAPI)·QA verification-record·코드리뷰 코멘트
+### 출처(웹조사 provenance)
+- https://web.dev/articles/vitals
+- https://www.w3.org/WAI/standards-guidelines/wcag/
+- https://developers.google.com/search/docs/appearance/core-web-vitals