Claude Code 협업 효율화를 위한 문서 체계 구축: - CLAUDE.md: 서비스 맵·코드 규칙·배포 정보 (매 세션 자동 로드) - 슬래시 커맨드 5개: deploy, check-deploy, cache-bust, add-page, add-api - WORKFLOW-GUIDE.md: Plan 모드·서브에이전트·검증 루프 활용 가이드 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1.0 KiB
1.0 KiB
System1(system1-factory) 새 HTML 페이지를 생성합니다.
인자: $ARGUMENTS (예: "consumable/stock 소모품 재고 관리") → 경로와 페이지 제목을 파싱
절차:
-
기존 페이지를 템플릿으로 사용:
- system1-factory/web/ 아래 비슷한 기능의 기존 HTML 페이지를 찾아 참조
- 공통 구조: 헤더(nav), 사이드네비, 메인 콘텐츠 영역
-
새 HTML 파일 생성 (
system1-factory/web/<경로>.html):- 공통 CSS: tkfb.css, Tailwind CDN, Font Awesome
- 공통 JS: tkfb-core.js, api-base.js
- 페이지 제목, 설명 커스터마이즈
- 사이드네비에 현재 페이지 active 표시
-
대응 JS 컨트롤러 파일 생성 (필요 시):
system1-factory/web/js/<경로>.js- 기존 JS 패턴 따르기 (DOMContentLoaded, API 호출 등)
-
생성된 파일 목록 보고 + 캐시 버스팅 안내
주의:
- 다른 서비스(system2, system3 등)에 페이지 추가 시 해당 서비스의 패턴을 먼저 확인
- HTML의 script/link 태그에 ?v= 버전 포함