구현된 전체 구조: ✅ .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 (워크플로우 구현)
34 lines
723 B
YAML
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"
|
|
|