Files
tk-factory-services/.claude/commands/add-page.md
Hyungi Ahn ec59efcdb6 docs: CLAUDE.md + 슬래시 커맨드 + 워크플로우 가이드 추가
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>
2026-03-16 15:13:49 +09:00

1.0 KiB

System1(system1-factory) 새 HTML 페이지를 생성합니다.

인자: $ARGUMENTS (예: "consumable/stock 소모품 재고 관리") → 경로와 페이지 제목을 파싱

절차:

  1. 기존 페이지를 템플릿으로 사용:

    • system1-factory/web/ 아래 비슷한 기능의 기존 HTML 페이지를 찾아 참조
    • 공통 구조: 헤더(nav), 사이드네비, 메인 콘텐츠 영역
  2. 새 HTML 파일 생성 (system1-factory/web/<경로>.html):

    • 공통 CSS: tkfb.css, Tailwind CDN, Font Awesome
    • 공통 JS: tkfb-core.js, api-base.js
    • 페이지 제목, 설명 커스터마이즈
    • 사이드네비에 현재 페이지 active 표시
  3. 대응 JS 컨트롤러 파일 생성 (필요 시):

    • system1-factory/web/js/<경로>.js
    • 기존 JS 패턴 따르기 (DOMContentLoaded, API 호출 등)
  4. 생성된 파일 목록 보고 + 캐시 버스팅 안내

주의:

  • 다른 서비스(system2, system3 등)에 페이지 추가 시 해당 서비스의 패턴을 먼저 확인
  • HTML의 script/link 태그에 ?v= 버전 포함