클로드 코드 무료 템플릿 300개+ 결국 나와버렸습니다. [코드팩토리]

Claude Code 무료 템플릿 사용 방법

이 가이드에 따라 Claude Code의 다양한 무료 템플릿을 설치하고 활용할 수 있습니다.

1. 시작하기

1.1 Claude Code Template CLI 설치:

• 터미널을 열고 다음 명령어를 입력하여 Claude Code Template CLI를 전역으로 설치합니다.
• Bash

   

  npm install -g @clode-code/templates
  

1.2 템플릿 둘러보기:

• 웹사이트 https://aitemplate.com/에 접속하여 제공되는 템플릿(에이전트, 커맨드, MCP, 템플릿)을 확인합니다.

---

2. 에이전트 설치 및 사용

에이전트(서브 에이전트)는 특정 작업에 특화된 기능을 수행합니다.

2.1 에이전트 설치:

1. 웹사이트에서 원하는 에이전트(예: Content Marketer)를 선택합니다.
2. Copy Command 버튼을 클릭하여 설치 명령어를 복사합니다.
3. 프로젝트 폴더의 터미널에 복사한 명령어를 붙여넣고 엔터를 누릅니다.
   • 예시: npx @clode-code/templates install agent "Content Marketer"
4. 설치가 완료되면 .claude/agents 폴더에 해당 에이전트 설정 파일이 생성됩니다.

2.2 에이전트 사용:

• Claude Code 대화창에서 @ 심볼 뒤에 에이전트 이름을 입력하여 호출합니다.
  • 예시: @Content Marketer 블로그 포스트를 작성해줘.
• 에이전트가 호출되면 설정된 색상(예: 빨간색)으로 표시되며, 해당 작업에 특화된 응답을 제공합니다.

---

3. 커스텀 커맨드 설치 및 사용

반복적으로 사용하는 프롬프트는 커스텀 커맨드로 등록하여 시간을 절약할 수 있습니다.

3.1 커스텀 커맨드 설치:

1. 웹사이트에서 원하는 커맨드(예: CI Setup)를 선택합니다.
2. Copy Command 버튼을 클릭하여 설치 명령어를 복사합니다.
3. 프로젝트 폴더의 터미널에 복사한 명령어를 붙여넣고 엔터를 누릅니다.
4. 설치가 완료되면 .claude/commands 폴더에 해당 커맨드 파일이 생성됩니다.

3.2 커스텀 커맨드 사용:

• Claude Code 대화창에서 / 심볼 뒤에 커맨드 이름을 입력하여 호출합니다.
  • 예시: /ci_setup
• 커맨드가 실행되면 사전에 정의된 프롬프트에 따라 작업을 수행합니다.

---

4. MCP 템플릿 설치 및 사용

자주 사용하는 MCP 서버를 쉽게 프로젝트에 추가할 수 있습니다.

4.1 MCP 템플릿 설치:

1. 웹사이트에서 원하는 MCP 템플릿(예: Playwright)을 선택합니다.
2. Copy Command 버튼을 클릭하여 설치 명령어를 복사합니다.
3. 프로젝트 폴더의 터미널에 복사한 명령어를 붙여넣고 엔터를 누릅니다.
4. 설치가 완료되면 프로젝트 루트 경로에 mcp.json 파일이 생성되며, MCP 서버가 자동으로 등록됩니다.

---

5. 기타 유용한 기능

5.1 인터랙티브 셋업 (/setup):

• 터미널에 npx @clode-code/templates setup 또는 npx @clode-code/templates를 입력하여 인터랙티브 셋업 메뉴를 실행합니다.
• 다음과 같은 기능을 선택할 수 있습니다.
  • Health Check: Claude Code 환경 설정이 올바른지 확인합니다.
  • Project Setup: 프로젝트에 필요한 기본 파일과 설정을 한 번에 구성합니다.
  • Analytics Dashboard: 사용량, 토큰 사용량 등을 시각적으로 분석할 수 있는 웹 대시보드를 띄웁니다.
  • Chat Dashboard: 이전 대화 기록을 UI로 확인하고 관리할 수 있습니다.

5.2 스택으로 일괄 설치:

• 웹사이트에서 여러 개의 템플릿(에이전트, 커맨드, 훅스 등)을 선택한 후 Add to Stack에 담습니다.
• 하단에 생성된 Copy Command를 복사하여 터미널에 붙여넣으면 선택한 모든 템플릿을 한 번에 설치할 수 있습니다.