개요
회사 퇴근 후 약 3일간 만든 카드뉴스 프로젝트입니다. 회사 동료분과 개발을 진행했지만, 클로드를 이용해 개발시간을 앞당긴 방법에 대해 말씀드리겠습니다. 아래는 개발한 카드뉴스 플랫폼 사이트입니다.
TakiFeed - 글로벌 실시간 금융 뉴스
주식, 코인, 부동산, 기술 등 글로벌 실시간 금융 뉴스를 한 곳에서. TakiFeed에서 국가별·언어별 맞춤 뉴스를 확인하세요.
www.takifeed.com
클로드 잘쓰는 법
클로드는 상당히 많은 기능들이 있습니다. skills 도 존재하고, mcp 연결도 프롬프트를 통해 할 수 있고, agent를 이용한 개발을 진행할 수 있습니다. skills와 agent 기능은 superclaude, 개인 깃허브 레포지스토리에 작성한 다양한 템플릿들이 존재합니다. 스킬과 에이전트 기능이 뭘까요?
Skill - 개발 규칙, 시스템 규칙, 작업 절차를 묶어 Claude가 재사용하게 하는 것
Agent - 리뷰어, 탐색 전용, 플래너처럼 역할과 권한을 가진 실행 주체
이 기능을 안쓰면 어떻게 될까요?
예를들어 티스토리와 같은 블로그 제공 사이트를 만든다고 했을 때 프롬프트로만 "티스토리 만들어줘" 라고 하면 잘 만들까요?
물론 잘 만들 수 있는데 수많은 질문, 시간 그리고 토큰을 낭비할 가능성이 매우 높습니다.
그럼 에이전트와 스킬을 사용할 경우 어떻게 해야할까요?
Skills에 문서작성 규칙, 프론트 백엔드 개발 가이드, 배포 절차와 같이 특정 분야에 대해 가이드라인을 작성합니다. 이뿐만 아니라 에이전트를 생성하여 프론트, 백엔드 처리 시 context 내용도 각자 기록되므로 각 분야별로 처리를 관리할 수 있습니다.
아래와 같은 폴더 구조로 agent, skills를 구성한 상태로 개발을 진행한다라고 가정해 명령어를 주는 상황을 설명하겠습니다.
.claude
├ skills
│ ├ coding-guidelines
│ ├ frontend-guide
│ ├ backend-guide
│ ├ deploy
│ └ documentation
│
├ agents
│ ├ frontend-agent.md
│ ├ backend-agent.md
│ ├ review-agent.md
│ └ test-agent.md
/frontend-guide 티스토리 블로그 UI 구조 설계하고 frontend-agent 기준으로 구현해줘
/backend-guide 티스토리 블로그 backend API 설계하고 backend-agent 기준으로 구현해줘
이를 통해 이전에 명령한 "티스토리 만들어줘"라는 해줘 명령어 보단 더 좋은 결과가 나올 것입니다.
클로드 더 잘쓰는 법
이보다 더 클로드를 잘 쓰는 방법이 있을까요?
Claude는 코드를 작성하는 능력도 뛰어나지만, 제품 기획과 검증 과정에서도 매우 강력하게 활용할 수 있습니다.
특히 Skills를 활용하면 제품 기획, 시장 검증, 전략 수립 등 PM(Product Manager)의 사고 방식으로 문제를 분석하고 실행하는 데 도움을 받을 수 있습니다.
아래 링크는 10년 이상의 PM 경험을 가진 전문가가 작성한 pm-skills 모음입니다.
https://github.com/phuryn/pm-skills
GitHub - phuryn/pm-skills: PM Skills Marketplace: 100+ agentic skills, commands, and plugins — from discovery to strategy, exe
PM Skills Marketplace: 100+ agentic skills, commands, and plugins — from discovery to strategy, execution, launch, and growth. - phuryn/pm-skills
github.com
이를 활용하면 제품 기획을 보다 체계적으로 진행하는 데 큰 도움을 받을 수 있습니다.
SuperClaude 프레임워크를 사용해, 검증된 agent, skill를 사용할 수 있습니다.
아래 링크에서 src/superclaude/agents, src/superclaude/skills를 한번씩 보시면 좋을 거 같습니다.
https://github.com/SuperClaude-Org/SuperClaude_Framework
GitHub - SuperClaude-Org/SuperClaude_Framework: A configuration framework that enhances Claude Code with specialized commands, c
A configuration framework that enhances Claude Code with specialized commands, cognitive personas, and development methodologies. - SuperClaude-Org/SuperClaude_Framework
github.com
결론
클로드 잘쓰려면 클로드에서 제공하는 다양한 기능들을 한번씩 살펴보면 좋습니다. 또한 skills, agent는 공개된 유능한 기능들이 많이 존재합니다. 이것을 내 프로젝트에 맞게 커스텀해서 사용한다면 개발을 더 재밌게 하실 수 있습니다.