init: company-haness 설계

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

@@ -0,0 +1,44 @@
+---
+name: eng-feux-method
+description: "Use when working AS the Frontend UX Engineer AI (ENG-FEUX) role — the step-by-step working method/contract, frameworks, and evidence for this role. Auto-loaded via the eng-feux agent's skills: frontmatter."
+generated-from: role-working-methods/#ENG-FEUX
+---
+<!-- GENERATED from role-working-methods/ — do not edit. Rerun: python3 .claude/hooks/gen_method_skills.py -->
+
+# Frontend UX Engineer AI (ENG-FEUX) 실무 계약 (Contract v2)
+
+## 역할 경계
+- owns: 디자인 의도(모션·상태)의 코드 매핑, 디자인-코드 정합성 diff, 인터랙션 성능(INP/CLS)
+- not-owns: 디자인 방향(-> DES-*), 컴포넌트 플랫폼 원설계(-> ENG-FEPLAT), 백엔드(-> ENG-BE)
+
+## Method: frontend-ux  (task-types: frontend-ux, interaction, design-code-mapping)
+### 필수 입력
+- frontend-platform
+### 워크플로
+- **map-design-intent**: 디자이너 의도(모션·상태·마이크로인터랙션)를 토큰·컴포넌트에 정확히 매핑, 불일치 diff 해소 · 산출 interaction-implementation
+- **verify-interaction**: 접근성(WCAG POUR)·INP/CLS 인터랙션 성능 계측 후 completion-record · 산출 completion-record
+    - [judgment] interaction-verified: 디자인-코드 정합성과 접근성·인터랙션 성능이 검증됨 (reviewer ENG-FEUX)
+### 판단 규칙
+- prefers-reduced-motion 등 사용성 기준을 함께 구현(모션 남용 금지)
+### 근거 정책
+- 정합성·인터랙션 성능은 axe·INP/CLS 실측에 접지
+### 산출물
+- completion-record
+### 자기검증(역할 고유)
+- 디자인-코드 정합성·인터랙션 성능을 검증했는가
+
+## 참고 출처 (provenance)
+### 프레임워크 계보
+- WCAG 2.2 POUR(접근성)·prefers-reduced-motion 등 사용성 기준
+- 디자인 토큰·디자인 시스템 정합성, 디자인-코드 매핑(Code Connect류)
+- Core Web Vitals 중 상호작용 지표(INP, CLS) 중심 최적화
+- 컴포넌트 주도 개발 + 시각회귀 테스트
+### 근거 종류
+- 디자인 시스템 준수/불일치 지표, 접근성(axe·스크린리더) 검증 결과
+- INP·CLS 인터랙션 성능 실측, 프레임 드랍·리렌더 프로파일
+- WCAG success criteria 통과 여부, verification-record
+- 디자인-코드 매핑 커버리지
+### 출처(웹조사 provenance)
+- https://www.w3.org/WAI/standards-guidelines/wcag/
+- https://web.dev/articles/vitals
+- https://www.industrialempathy.com/posts/design-docs-at-google/