frontend-module-playbook은(는) 무엇을 하나요?
React 및 TypeScript 프론트엔드 모듈 협업 스킬: 아키텍처, 구현, 리뷰, 코멘트, 커밋, 문서화 및 코드 구성을 위한 스킬입니다.
개요
이 플레이북은 React와 TypeScript 기반 프론트엔드 프로젝트에서 팀 협업을 원활하게 하기 위한 지침과 모범 사례를 제공합니다. 모듈 단위의 아키텍처 설계, 구현 방법, 코드 리뷰, 주석 작성, 커밋 메시지, 문서화, 코드 구성을 체계적으로 다룹니다.
주요 기능
- 모듈 아키텍처: 프론트엔드 모듈을 명확하게 분리하고 의존성을 관리합니다.
- 구현 가이드: React 컴포넌트, 커스텀 훅, 유틸리티 함수 등의 구현 패턴을 제공합니다.
- 코드 리뷰: 팀 리뷰 프로세스와 체크리스트를 정의합니다.
- 주석 및 커밋: 일관된 주석 스타일과 커밋 메시지 포맷을 제시합니다.
- 문서화: 컴포넌트 문서화와 API 문서 자동화 방안을 포함합니다.
- 코드 구성: 폴더 구조, 파일 명명 규칙, import 순서 등을 규정합니다.
사용 방법
이 스킬은 AI 에이전트(Claude Code, Cursor, Codex 등)에서 SKILL.md 파일을 통해 참조됩니다. 프로젝트 루트에 이 파일을 포함시키면 AI가 협업 규칙을 이해하고 코드 생성 및 리뷰 시 일관된 패턴을 따릅니다.
요구 사항
- Node.js 18 이상
- TypeScript 5.0 이상
- React 18 이상
플랫폼 지원
- Claude Code
- Cursor
- Codex
- 기타 AI 에이전트 플랫폼
라이선스
MIT
기여
이슈와 PR은 언제나 환영합니다. 자세한 내용은 CONTRIBUTING.md를 참조하세요.
SymbolWu/frontend-module-playbook - 더 나은 프론트엔드 협업을 위한 스킬입니다.