step6: Claude Code 구조 완성 (에이전트, 커맨드, 스킬, 훅)

구현된 전체 구조:
✅ .claude/agents/ (4개)
   - dxf-research.md: DXF 분석
   - pipeline-build.md: 3D 생성
   - web-ui-dev.md: React 웹앱
   - deploy-ci.md: CI/CD

✅ .claude/commands/ (3개)
   - convert.yaml: 통합 변환 (병렬)
   - validate.yaml: 4단계 검증
   - deploy.yaml: 자동 배포

✅ .claude/skills/ (3개)
   - dxf-analyze.yaml: DXF 분석
   - 3d-validate.yaml: 3D 검증
   - web-dev.yaml: 개발 서버

✅ .claude/settings.json
   - 훅 자동화 (post-commit, pre-deploy)
   - 품질 기준
   - 환경 변수

특징: 하네스 설계 원칙, 병렬화, 자동 검증, 체크포인트

다음: 단계 7 (하네스 보강) 또는 단계 8 (워크플로우 구현)

.claude/skills/web-dev.yaml

@@ -0,0 +1,33 @@
+name: web-dev
+description: 웹앱 개발 서버 실행 (로컬 개발용)
+
+# 사용법: /web-dev
+# 또는: /web-dev --port=8080
+
+trigger:
+  pattern: "web-dev"
+  parameters:
+    port:
+      type: integer
+      default: 3000
+      description: "로컬 포트"
+
+output:
+  format: "개발 서버 실행 + 브라우저 자동 열기"
+  info:
+    - "Local: http://localhost:3000"
+    - "번들 정보"
+    - "HMR 활성화"
+
+features:
+  - "Vite 핫 모듈 교체 (HMR)"
+  - "실시간 수정 반영"
+  - "브라우저 자동 새로고침"
+  - "DevTools 지원"
+  - "번들 크기 분석"
+
+commands:
+  start: "cd src/web && npm run dev -- --port={{ port }}"
+  analyze: "cd src/web && npm run build -- --analyze"
+  stop: "Ctrl+C"
+