Claude Code 기반 에이전트 시스템으로 웹페이지를 자동으로 분석하고 컴포넌트를 생성하는 파이프라인입니다.
hakham_agents_system_mk1/
├── .claude/
│ ├── agents/ # Claude Code 에이전트 정의 파일들
│ └── skills/ # Codex/Claude 스킬 정의 및 스크립트
├── claude/
│ └── agents/ # Claude Code 서브에이전트 정의 파일들
├── prompts/ # 재사용 가능한 프롬프트 템플릿
├── scripts/ # TypeScript 자동화 스크립트
├── pipeline/ # 파이프라인 설정 및 지침 파일들
└── output/ # 생성된 컴포넌트 및 결과물
- 서브에이전트 시스템: 여러 에이전트가 협력하여 복잡한 작업 수행
- 웹페이지 스크래핑: 자동으로 웹페이지 스크린샷 및 분석
- 컴포넌트 자동 생성: 디자인을 분석하여 재사용 가능한 컴포넌트 생성
- 컨텍스트 최적화: 스크립트화를 통한 효율적인 컨텍스트 관리
prompts/폴더에 프롬프트 템플릿 작성claude/agents/폴더에 서브에이전트 정의pipeline/폴더의 지침에 따라 파이프라인 실행
- Claude Code (서브에이전트)
- TypeScript (자동화 스크립트)
- Playwright (웹 스크래핑)
- 마크다운 (에이전트 정의)