Files
dxf-to-3d-gasiseol/.claude/skills/web-dev.yaml
T
Claude Haiku 1d72d3206f 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 (워크플로우 구현)
2026-10-16 18:22:24 +09:00

34 lines
723 B
YAML

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"