Task Master 프롬프트 에이전트 모드
팁
Task Master 프롬프트 에이전트 모드는 복잡한 코딩 작업을 관리 가능한 단계로 나누고 지능적인 지원을 제공하여 복잡한 코딩 작업을 관리하는 데 도움을 줍니다.
Task Master 모드 이해하기
Task Master는 다음과 같은 기능을 제공하는 고급 AI 에이전트 모드입니다:
- 복잡한 작업 분해
- 프로젝트 워크플로우 관리
- 단계별 안내 제공
- 세션 간 컨텍스트 유지
시작하기
Task Master 모드 활성화
- 명령 팔레트 열기(Ctrl/Cmd + Shift + P)
- "Enable Task Master Agent" 입력
- 선택하여 활성화
기본 사용법
# 작업 설명 예시
/task 사용자 인증을 위한 React 컴포넌트 생성
작업 분해
1. 작업 분석
에이전트가 요청을 분석하고 분해합니다:
작업: React 인증 컴포넌트 생성
1. 기본 컴포넌트 구조 설정
2. 폼 요소 구현
3. 유효성 검사 추가
4. 인증 서비스에 연결
5. 응답 및 오류 처리
2. 단계별 안내
각 단계에 대해 에이전트는 다음을 제공합니다:
- 상세 지침
- 코드 스니펫
- 모범 사례
- 오류 처리 팁
고급 기능
컨텍스트 관리
에이전트는 다음을 통해 컨텍스트를 유지합니다:
- 여러 파일
- 다양한 세션
- 관련 작업
컨텍스트 추적 예시:
TaskContext.js
const TaskContext = {
currentStep: 1,
completedSteps: [],
dependencies: {
installed: ['react', 'auth-service'],
required: ['validation-library']
},
projectState: {
// 현재 프로젝트 상태
}
};
지능형 제안
에이전트는 스마트한 제안을 제공합니다:
AuthComponent.tsx
// 에이전트 제안:
interface AuthProps {
onSuccess?: (user: User) => void;
onError?: (error: Error) => void;
mode?: 'login' | 'register';
}
// 구현 가이드 제공
모범 사례
1. 명확한 작업 정의
✅ 권장:
/task 모바일 메뉴가 있는 반응형 네비게이션 바 생성
❌ 비권장:
/task 웹사이트 개선
2. 반복적 개발
에이전트가 제안하는 워크플로우를 따르세요:
-
계획
/task-plan 사용자 대시보드 생성
-
구현
/task-implement 기본 레이아웃으로 시작
-
검토
/task-review 컴포넌트 기능 확인
3. 체크포인트 사용
복잡한 작업에 체크포인트를 설정하세요:
/task-checkpoint 현재 진행 상황 저장
/task-restore 마지막 체크포인트로 돌아가기
작업 템플릿
React 컴포넌트 템플릿
/task-template react-component
생성된 구조:
interface ComponentProps {
// Props 정의
}
const Component: React.FC<ComponentProps> = (props) => {
// 컴포넌트 로직
return (
// JSX 구조
);
};
API 통합 템플릿
/task-template api-integration
생성된 구조:
interface ApiConfig {
endpoint: string;
methods: {
get: () => Promise<any>;
post: (data: any) => Promise<any>;
};
}
고급 워크플로우
1. 다중 파일 작업
관련 파일 관리:
/task-group 사용자 관리 시스템 생성
에이전트가 처리하는 항목:
- 컴포넌트 파일
- 스타일
- 테스트
- 문서
2. 코드 리뷰
자동화된 코드 리뷰 제안:
/task-review PR 변경 사항 확인