아무도 주목하지 않는 이상하게 유용한 Claude Code 저장소 3가지

IndyDevDan 구독자 43,800명

요약

툴 활용 방법을 제대로 알지 못하면 진정한 성과를 얻기 어렵다는 점을 강조하며, Cloud Code 사용량 분석부터 내부 트래킹, 스크린샷 기능 확장까지 3가지 저장소를 실습한다. 이 과정에서 npx CC usage 명령어로 월별·일별 사용량과 비용을 꼼꼼히 파악해 엔지니어링 ROI를 높이는 팁을 얻을 수 있다. Claude Trace를 통해 system prompt·subagent·tool 정의를 심층 분석하며, Snaphappy MCP 서버로 agentic coding에 멀티모달 입력·출력을 추가해 새로운 가능성을 엽니다. 시간 절약과 생산성 증대를 경험한 화자의 사례를 통해, 도구를 깊이 이해할 때 얻을 수 있는 진정한 가치를 체감할 수 있습니다.

주요 키워드

Claude Code Agentic Coding MCP Server Subagent System Prompt Cloud Code Usage CLI Claude Trace JSON Debugging ROI Snaphappy

하이라이트

🚀 도구 선택이 엔지니어의 생산성을 좌우한다: Cloud Code는 실질적인 작업 환경에서 성과를 극대화하도록 설계된 툴이다.
🔑 npx CC usage 커맨드로 사용량·비용을 일별 및 총합으로 분석해 ROI를 정확히 파악할 수 있다.
⚡️ 진짜 비용은 엔지니어의 시간이며, Cloud Code를 통해 이달에만 30~50시간을 절약했다는 실제 사례를 제시한다.
🌟 Claude Trace를 활용하면 system prompt, 하위 에이전트 흐름, 도구 정의까지 HTML 기반 인터페이스로 한눈에 파악할 수 있다.
📌 JSON 디버깅과 모든 Raw 요청·응답 로그를 통해 클라우드 코드 내부 동작을 철저히 들여다볼 수 있다.
📸 Snaphappy MCP 서버로 에이전트가 데스크톱 스크린샷을 촬영·분석하도록 확장해 더욱 풍부한 멀티모달 작업이 가능하다.
📚 Simon Willison과 Mario의 오픈소스 저장소를 활용해 에이전트를 강화하고, 커뮤니티 기여 방식을 배울 수 있다.
💡 도구를 깊이 이해하고 숙련하면 parallel sub-agent, Git work trees 등 고급 패턴으로 생산성을 기하급수적으로 늘릴 수 있다.

용어 설명

Claude Code

Anthropic이 개발한 에이전트 기반 개발 도구로, 자동화된 프롬프트 실행을 통해 코딩 작업을 수행한다.

Agentic Coding

AI 에이전트를 활용해 자동으로 작업을 분할·실행하며 엔지니어의 생산성을 극대화하는 접근 방식이다.

MCP Server

Multi-Channel Prompt 서버로, 에이전트가 외부 도구(스크린샷 촬영 등)에 접근하도록 지원한다.

Subagent

Cloud Code 내부에서 특정 작업을 수행하기 위해 생성되는 하위 AI 에이전트로, 병렬 처리를 가능하게 한다.

System Prompt

에이전트에게 작업의 전체 흐름과 규칙을 지시하는 최상위 프롬프트로, 행동 전략을 정의한다.

Cloud Code Usage CLI

npx CC usage 명령어 등을 사용해 Cloud Code 사용량과 비용을 일별·총합으로 조회하는 커맨드라인 인터페이스다.

툴이 엔지니어의 생산성을 제한하거나 증폭한다는 핵심을 제시하고, 오픈소스 생태계에서 Cloud Code가 주목받는 이유를 설명한다. 영상에서 다룰 3가지 저장소를 개괄적으로 소개하며 시청 동기를 부여한다.

[00:00] 엔지니어의 영향력은 사용하는 도구에 의해 좌우되며, Claude Code는 실제 엔지니어링 작업을 위한 영향력 증폭 도구라고 소개합니다.

[00:26] Claude Code를 더 효과적으로 활용할 수 있는 3개의 유용한 오픈소스 저장소를 공유하겠다고 예고하며, 도구의 기능을 모르면 자신의 능력도 모른다고 강조합니다.

npx CC usage latest 커맨드를 이용해 월초부터 현재까지 일별·모델별 토큰 사용량과 비용을 확인하는 방법을 시연한다. 비용이 아닌 ROI 관점으로 바라보고, 시간 절약(30~50시간) 사례를 통해 가치를 강조한다.

[00:45] 터미널에서 'npx cc-usage latest since beginning' 명령 한 줄로 Claude Code 사용량을 분석할 수 있으며, 화자는 200달러 맥스 플랜을 초과 사용하며 상당한 가치를 얻고 있다고 설명합니다.

[01:27] API 키 사용과 맥스 플랜의 가치에 대해 설명하며, 다양한 커맨드라인 플래그 옵션들을 소개합니다.

[01:57] 비용 분석을 볼 때는 단순한 비용이 아닌 ROI(투자수익률) 관점에서 접근해야 한다고 강조하며, 엔지니어의 생산성 향상이 가져다주는 큰 가치를 설명합니다.

[02:27] 시간이 가장 소중한 자원이라고 반복 강조하며, 화자 자신이 이번 달에만 30-50시간 이상의 엔지니어링 작업을 Claude Code로 절약했다고 실례를 들어 설명합니다.

[02:57] 개발자들의 도구 사용 수준을 3단계로 구분하여 설명합니다. 무작정 사용하는 초보자, 도구를 잘 사용하는 좋은 엔지니어, 그리고 도구의 근본적 작동 원리를 이해하는 뛰어난 GenAI 엔지니어로 나눕니다.

[03:12] Claude 코드를 근본적 수준에서 마스터할 수 있는 새로운 도구를 소개하며, 이전에 구축한 Quick Data MCP 서버를 통해 Claude Trace를 실행한다.

이전 영상에서 만든 MCP 서버를 활용해 Claude Trace를 실행하고, 로컬 HTML 파일로 system prompt, tool 정의, subagent 호출 흐름을 시각화한다. 도구 설명·파라미터·사용 노트를 파악해 Cloud Code를 깊이 이해하는 과정을 소개한다.

[03:30] Claude Trace 실행 시 일반적인 Claude 코드 부팅과 비슷해 보이지만, 트레이스 파일이 별도로 저장되는 것을 확인할 수 있다.

[03:44] 기본적인 인사와 프로젝트 설명 질문을 하고, 서브 에이전트를 활용해 MCP 서버 프롬프트의 주요 플로우를 문서화하는 작업을 시작한다.

[04:05] 첫 번째 작업이 완료되어 5개 도구 사용과 32K 컨텍스트로 간단한 데이터 조작 도구임을 확인하고, 리소스와 프롬프트 템플릿을 사용하는 두 번째 작업을 진행한다.

[04:18] Claude 코드의 서브태스크와 서브 에이전트는 새로운 개념이 아니며, 서브 에이전트가 격리된 컨텍스트에서 작업을 완료한 후 상위 에이전트에 결과를 반환하는 과정을 설명한다.

[04:39] 에이전트가 수행한 엔지니어링 작업의 결과로 진입점, 핵심 플로우 분석, 전문 분석 등의 문서가 생성되었다.

[04:52] Claude 코드를 닫으면 Claude trace 디렉토리에 HTML 파일이 생성되며, 이는 모든 Claude 코드 트래픽을 검사할 수 있는 완전한 로컬 HTML 파일이다.

[05:11] HTML 파일을 통해 Claude 코드와의 대화를 완전히 분석할 수 있으며, 특히 Claude 코드가 서브 에이전트를 실행할 때 사용자 역할을 하는 흥미로운 패턴을 발견할 수 있다.

[05:36] Claude Trace는 시스템 프롬프트에 완전히 접근할 수 있게 해주며, Anthropic 엔지니어들이 시스템 프롬프트에 얼마나 많은 정보와 세부사항을 포함시켰는지 이해할 수 있게 한다.

[06:04] 클로드 코드의 시스템 프롬프트와 도구들에 대한 상세한 분석을 통해, 각 도구가 정확히 무엇을 하는지와 작성 방법을 이해할 수 있습니다. 특히 서브 에이전트 실행을 위한 완전한 도구 설명을 통해 클로드 코드의 작동 원리를 파악할 수 있습니다.

[06:37] 커스텀 MCP 서버를 통한 다양한 도구들과 사용법 안내를 제공하며, 여러 서브 에이전트를 동시에 실행해 성능을 최대화하는 중요한 전략을 제시합니다.

[06:56] 정확한 도구 정의를 이해함으로써 클로드 코드를 새롭고 강력한 방식으로 활용할 수 있으며, 모든 도구의 작동 방식을 깊이 있게 파악할 수 있습니다.

[07:09] 시스템 프롬프트 외에도 모든 도구들, 서브 에이전트와의 전체 대화 내용, 그리고 원시 호출들까지 추적할 수 있어 클로드 코드의 내부 작동을 완전히 이해할 수 있는 강력한 분석 도구를 제공합니다.

[07:44] 에이전트 시대에는 도구의 능력을 아는 것이 성능에 기하급수적 영향을 미치며, 하나 이상의 에이전트를 통해 영향력을 병렬화하고 확장할 수 있습니다.

[08:01] 채널에서 탐구한 병렬 서브 에이전트, git 작업 트리, 프로그래밍 가능한 에이전틱 코딩 등의 사례를 통해 클로드 코드가 2025년 최고의 에이전틱 코딩 도구임을 확인할 수 있습니다.

[08:18] 서브 에이전트 태스크 도구의 존재만 알아도 할 수 있는 일이 배가되며, 도구 마스터에 투자한 시간은 특히 자주 사용하는 에이전틱 도구의 경우 엄청난 보상으로 돌아옵니다.

세 가지 도구(get screenshot, take screenshot, list windows)를 제공하는 Snaphappy MCP 서버를 설치하고, 에이전트가 데스크톱 창 목록 조회 및 스크린샷 촬영을 수행하는 과정을 보여준다. Mario 및 Simon 리포지토리 활용법을 공유한다.

[08:47] 마지막으로 공유할 흥미로운 레포지토리를 소개합니다.

[08:51] 스냅해피라는 간단한 MCP 서버를 소개하며, 스크린샷 찍기, 창 목록 보기 등 3가지 도구를 제공한다고 설명합니다.

[09:06] 스냅해피 MCP 서버를 클로드 코드에 추가하여 에이전트가 데스크톱을 보고 상호작용할 수 있는 기능을 활성화합니다.

[09:24] 열린 창 목록 명령을 실행하여 현재 화면의 모든 창을 확인하고, 브라우저 스크린샷을 찍는 실제 데모를 진행합니다.

[09:38] 마리오의 깃허브 저장소를 열고 스크린샷을 촬영한 후, 클로드에게 마리오의 인기 저장소 상위 3개를 물어봅니다.

[10:19] Lei와 Simon Willis에게 감사 인사를 전하며, Simon이 클로드 트레이스 라이브러리를 알려준 것에 대해 언급합니다.

[10:49] 클로드를 통해 마리오(Bad Logic)와 Simon W에게 직접적인 감사 인사를 전달하며, 실시간으로 후원까지 진행합니다.

[11:10] Simon Willis를 오랫동안 팔로우해왔다고 밝히며, GPT 3.5 시절부터의 인연을 회상하고 실제로 후원을 진행합니다.

[11:50] 스냅샷 도구가 여러 도구 중 하나가 될 것이며, 대형 연구소들이 더 포괄적인 화면 감시 도구를 출시할 것이라고 예측합니다.

[12:14] 터미널이 AI 도구 발전의 훌륭한 시작점이며, 에이전틱 엔지니어링의 다음 단계는 에이전트에게 더 많은 도구를 제공하는 것이라고 강조합니다.

멀티모달·멀티펑셔널 AI 에이전트 발전 방향을 전망하며, 도구 숙련이 생산성에 미치는 지대한 영향을 강조한다. Simon Willison·Mario에 대한 감사 인사와 함께 다음 단계로 나아갈 수 있는 팁을 제안한다.

타임라인 정보가 없습니다.

[00:00] 엔지니어로서 당신의 영향력은

[00:03] 사용하는 도구에 의해 직접적으로

[00:07] 제한되거나 향상됩니다. 어떤 도구는

[00:10] 영향력을 증폭시키는 반면

[00:13] 어떤 도구는 발목을 잡죠. Claude Code는

[00:15] 확실히 영향력을 증폭시키는 도구입니다

[00:19] 실제 엔지니어링 작업을 하는 진짜 엔지니어를 위해 만들어진 도구죠

[00:21] 좋은 도구의 특징은 오픈소스

[00:24] 생태계가 얼마나 그 도구를 중심으로

[00:26] 결집하느냐입니다. 이 영상에서는

[00:29] Claude Code를 더 효과적으로 활용하고

[00:32] 에이전틱 코딩을 한 단계 더 끌어올릴 수 있는

[00:35] 놀랍도록 유용한 저장소 3개를 공유하고 싶습니다

[00:37] 당신의 도구가 무엇을 할 수 있는지 모른다면

[00:40] 당신이 무엇을 할 수 있는지도 모르는 것입니다

[00:42] [음악]

[00:45] 터미널에서 한 줄만 입력하면

[00:47] Claude Code에서 얼마나 많은 가치를

[00:50] 실제로 얻고 있는지 알 수 있습니다

[00:52] npx cc-usage latest since beginning 명령을 실행하면

[00:58] 이달 1일부터 지금까지의 사용량을 확인할 수 있습니다

[01:01] 이 명령을 실행하면 당연히

[01:04] 제 Claude Code 사용량 분석이 나옵니다

[01:07] 보시다시피 200달러 Claude Code

[01:11] 맥스 플랜을 훨씬 초과해서 사용했습니다

[01:14] 이 플랜으로 엄청난 돈을 절약하고 있어요

[01:16] 위로 스크롤하면 각 모델의

[01:18] 일별 상세 내역을 볼 수 있습니다

[01:20] 모든 입력과 출력, 그리고 캐시된 토큰

[01:22] 사용량과 가격을

[01:24] 일별로 상세하게 분석해서 볼 수 있어요

[01:27] 진정한 오프 디바이스 에이전트 코딩을 위해

[01:30] API 키를 실행하고 있습니다

[01:32] 더 많은 사용량을 맥스 플랜에 포함시킬 수 있다면

[01:36] 정말 좋겠지만, 보시다시피

[01:38] 맥스 플랜에서 충분한 가치를 얻고 있습니다

[01:41] Anthropic이 이를 지원하지 않는다고

[01:42] 탓하지는 않습니다. API 키는 간단하거든요

[01:44] 이 간단한 명령을 실행해보시길 강력히 추천합니다

[01:47] 여기를 보면 방금 실행한

[01:48] npx claude-code usage latest 명령을

[01:51] 정확히 확인할 수 있고, 시작 상태를 전달할 수도 있습니다

[01:53] 사용할 수 있는 다양한

[01:55] 커맨드라인 플래그들이 있습니다

[01:57] 비용 분석을 볼 때는

[01:59] 이것이 ROI 문제라는 점을 기억해야 합니다

[02:02] 투자 수익률 문제말이죠

[02:04] Claude Code 개발자가 언급한 것처럼

[02:06] 제가 생각하는 방식은

[02:08] ROI 문제지, 비용 문제가 아니라는 것입니다

[02:10] 평균 엔지니어 연봉을 생각해보면

[02:12] 엔지니어는 매우 비쌉니다

[02:14] 엔지니어의 생산성을 50%, 70% 향상시킬 수 있다면

[02:16] 그것은 엄청난 가치입니다

[02:18] 맞습니다. 정말 그렇습니다

[02:20] 이것은 정말 대단합니다

[02:22] 이렇게 언급해주셔서 정말 기쁩니다

[02:23] 많은 엔지니어들이 치명적인 실수를 하는 부분이

[02:25] 바로 이 부분입니다. 시간이 가장 소중한 자원입니다

[02:27] 다시 한 번 말하겠습니다

[02:29] 시간이 가장 소중한 자원입니다

[02:33] 이번 달에만 30시간에서 50시간

[02:36] 아마 그보다 더 많은 엔지니어링 작업 시간을

[02:38] 절약했습니다. 점점 더 많은 에이전틱 코딩을

[02:40] Claude Code 같은 도구에 맡기고 있기 때문입니다

[02:44] 이 명령을 실행해서 Claude Code 사용량 분석을 확인하고

[02:46] 이 도구에서 얻고 있는

[02:48] 진정한 가치를 이해해보세요

[02:50] 도구를 이해하지 못하고 사용하는 개발자들은

[02:57] 무작정 프롬프트를 연달아 날립니다

[02:59] 프롬프트 후에 프롬프트, 또 프롬프트를 말이죠

[03:02] 좋은 엔지니어는 도구를 잘 사용하고

[03:04] 작동 원리에 대한 높은 수준의 이해를 가지고 있습니다

[03:07] 뛰어난 GenAI 엔지니어는 자신의 도구가

[03:10] 근본적인 수준에서 무엇을 하고 있는지 정확히 알고 있습니다

[03:12] 수준에서 말이죠. 다음으로 소개할 유용한 도구는

[03:15] Claude 코드를 근본적인 수준에서

[03:17] 마스터하는 데 도움이 될 거예요. 이전 영상에서

[03:19] 만든 Quick Data MCP 서버로 들어가서

[03:22] 재사용 가능한 MCP 서버 프롬프트를

[03:25] 살펴보겠습니다. 이 명령어를 실행하면

[03:27] Claude Trace가 실행됩니다. 시작해볼게요.

[03:30] 바로 보시면 평소 Claude 코드 부팅과 똑같아 보이지만

[03:33] 이 로그 파일, 트레이스 파일이

[03:36] Claude trace 디렉토리에 저장되고 있어요.

[03:38] 몇 가지 명령어를 실행해서

[03:41] 포함되어 있습니다.

[03:42] 이 도구가 무엇을 하는지 알아보겠습니다.

[03:44] 안녕하세요. 전형적인 인사 응답이네요.

[03:47] 이 프로젝트는 무엇을 하나요? 그리고 이게 실행되는 동안

[03:51] 서브 에이전트를 사용해서 이 앱의

[03:54] MCP 서버 프롬프트의 주요 플로우를

[03:57] 문서화하라고 명령을 대기열에 넣겠습니다.

[04:00] 좋습니다. 이것도 대기열에 넣었어요.

[04:03] 첫 번째 작업이 완료된 것을 볼 수 있습니다.

[04:05] 5개 도구 사용, 32K 컨텍스트.

[04:06] 이 도구가 정확히 무엇인지 볼 수 있어요.

[04:08] 간단한 데이터 조작을 위한 도구입니다.

[04:10] 리소스와 프롬프트 템플릿도 사용하고 있고요.

[04:12] 이제 여기서 또 다른 프롬프트를 실행해서

[04:15] 플로우를 이해해보겠습니다.

[04:17] 이건 새로운 게 아니에요.

[04:18] 우리는 몇 주 동안 채널에서 Claude 코드

[04:20] 서브태스크와 서브 에이전트를 다뤄왔거든요.

[04:22] 서브 에이전트가 완료된 후, 지금

[04:24] 격리된 서브태스크 컨텍스트 윈도우에서

[04:26] 컨텍스트를 수집하고 있어요. 완료되면

[04:29] 최상위 Claude 코드 에이전트에 결과를 반환할 거예요.

[04:32] 그러면 Claude 코드를 닫고

[04:33] 정말 흥미로운 일이 일어날 거예요.

[04:36] 거기 있네요. 1분 걸렸어요.

[04:38] 제가 하지 않은 엄청난 엔지니어링 작업이죠.

[04:39] 우리 에이전트가 대신 해줬어요.

[04:41] 됐습니다. 진입점이 있고

[04:43] 핵심 플로우 분석, 전문 분석

[04:45] 등등이 있어요. 하지만 이제

[04:47] 흥미로운 부분이 나옵니다.

[04:48] 이 버전의 Claude 코드를

[04:50] 닫겠습니다.

[04:52] 바로 HTML 파일이 나타나네요.

[04:54] 여기 Claude trace 디렉토리 안에 있는 걸 볼 수 있어요.

[04:57] 이것은 모든 Claude 코드 트래픽을

[05:00] 검사하는 데 사용할 수 있는 완전한

[05:04] 로컬 HTML 파일입니다.

[05:06] 스크롤을 시작하면 Claude 코드와의

[05:09] 대화의 완전한 분석을 볼 수 있어요.

[05:11] 하지만 여기서 매우 흥미로운 점은

[05:13] Claude 코드가 서브 에이전트를 실행하는 걸 볼 수 있다는 거예요.

[05:16] 보세요. Claude 코드가... 좀 확대해볼게요.

[05:19] Claude 코드가 서브태스크를 시작할 때

[05:22] 사용자 역할을 하는 걸 볼 수 있어요.

[05:24] 말 그대로 우리가 Claude 코드에 프롬프트를 주는 것 같지만

[05:26] 이건 Claude 코드가 자신의 서브 에이전트와 대화하는 거예요.

[05:29] 정말정말 흥미로운 패턴이에요.

[05:31] 우리는 Claude 코드 서브 에이전트와

[05:33] 병렬 에이전트에 대해 이야기해왔지만

[05:36] 이게 실제로 내부에서 일어나는 일이에요.

[05:37] Claude Trace가 제공하는

[05:39] 정말 중요하고 매우 유익한

[05:41] 두 가지 세부사항이 있는데, 이것들이

[05:43] Claude 코드로 할 수 있는 일을

[05:45] 업그레이드하는 데 도움이 될 거예요.

[05:48] 시스템 프롬프트에 완전히 접근할 수 있어요.

[05:51] 그러니까 이걸 쭉 읽어보면서

[05:52] Anthropic 엔지니어들이 얼마나 많은 정보와

[05:54] 얼마나 많은 세부사항을

[05:56] 시스템 프롬프트에 넣었는지 정말 이해할 수 있어요.

[05:59] 그리고 얼마나 많은 세부사항을

[06:02] Anthropic 엔지니어들이 담아놓았는지

[06:04] 시스템 프롬프트를 보여줍니다. 그리고 여기 도구들이 있는데요.

[06:07] 도구들이 가장 흥미로운 부분이라고 생각합니다.

[06:08] 여기서 우리는 정말 매력적인 것을 보게 되거든요.

[06:10] 각 클로드 코드 도구가 정확히 무엇을 하는지에 대한

[06:13] 상세한 분석과 작성 방법을 알 수 있습니다.

[06:16] 여기서 매개변수들을 볼 수 있고,

[06:18] 간단한 설명과 함께

[06:19] 실제 상세 설명도 볼 수 있습니다.

[06:21] 이게 바로 서브 에이전트 실행을 위한

[06:24] 완전한 도구 설명입니다.

[06:26] 클로드 코드가 사용자를 대신해

[06:28] 엔지니어링 작업을 수행할 서브 에이전트를

[06:30] 실행할 때 바로 이것을 사용합니다.

[06:32] 다음 도구들에 접근할 수 있는 새 에이전트를 실행하죠.

[06:34] 여기서 보시는 것처럼

[06:35] 몇 가지 도구들이 있는데

[06:37] 잠시 후에 살펴볼 예정입니다.

[06:38] 커스텀 MCP 서버를 통해서 말이죠.

[06:41] 그리고 몇 가지 다른 섹션들과

[06:42] 훌륭한 사용법 안내가 있습니다.

[06:45] 여기 보시면, 여러 서브 에이전트를

[06:46] 가능한 한 동시에 실행해서

[06:48] 성능을 최대화하라고 되어 있습니다.

[06:50] 정말 중요한 핵심 사항이에요.

[06:52] 클로드 코드의 모든 도구에 대해

[06:54] 이런 식으로 살펴볼 수 있습니다.

[06:56] 정확한 도구 정의를 이해함으로써

[06:59] 클로드 코드를 새롭고 강력한 방식으로

[07:02] 활용할 수 있고, 모든 도구가

[07:04] 어떻게 작동하는지 깊이 있게

[07:07] 이해할 수 있습니다.

[07:09] 시스템 프롬프트 외에도 모든 도구들,

[07:12] 서브 에이전트 호출과의 전체 대화 내용,

[07:14] 클로드 코드가 서브 에이전트를 실행하는

[07:16] 세부 분석까지 볼 수 있습니다.

[07:19] 서브 에이전트들의 모든 대화를

[07:21] 추적할 수 있어요. 정말 강력하죠.

[07:23] 하지만 그것 외에도

[07:25] 모든 원시 호출들을 볼 수 있습니다.

[07:27] 이것들은 모든 요청과 응답들이에요.

[07:28] 클로드 코드가 실제로 무엇을 하고 있는지

[07:30] 내부를 들여다보며 진정으로

[07:32] 이해할 수 있습니다. 이것은

[07:35] 클로드 코드로 무엇이 가능한지에 대한

[07:37] 더 깊은 인사이트를 제공하는

[07:38] 강력한 도구입니다. 오른쪽 끝에는

[07:40] JSON 디버깅 기능도 있어서 원시 JSON 호출과 응답만

[07:44] 보고 싶다면 그것도 가능합니다.

[07:46] 에이전트 시대에는 내 도구가 무엇을 할 수 있는지

[07:48] 아는 것이 성능에 기하급수적인

[07:50] 영향을 미칠 수 있습니다.

[07:53] 하나 이상의 에이전트를 통해

[07:55] 우리의 영향력을 배가시키고 있거든요.

[07:57] 영향력을 병렬화하고

[07:58] 확장하고 있습니다. 예를 들어

[08:01] 이 채널에서 우리는 병렬 서브 에이전트,

[08:04] git 작업 트리, 그리고 클로드 코드를 사용한

[08:07] 프로그래밍 가능한 에이전틱 코딩을

[08:09] 탐구해 왔습니다. 클로드 코드는

[08:10] 2025년 최고의 에이전틱 코딩 도구입니다.

[08:13] 늘 그렇듯이, 구독과 좋아요를 눌러주세요.

[08:15] 실습 중심의 AI 코딩 내용을

[08:17] 놓치지 않도록 말이에요.

[08:18] 그리고 지금, 매주 월요일마다

[08:21] 여기서 다룰 에이전틱 코딩 팁들을

[08:23] 살펴보겠습니다. 이 채널을 계속 봐오셨다면

[08:26] 이런 인사이트들이 얼마나 게임체인저인지

[08:29] 아실 겁니다. 서브 에이전트

[08:30] 태스크 도구의 존재를 아는 것만으로도

[08:34] 할 수 있는 일을 정말 배가시킬 수 있어요.

[08:36] 도구를 마스터하는 데 시간을 투자하면

[08:38] 엄청난 방식으로 보상받을 수 있습니다.

[08:41] 특히 자주 사용하는 도구이고, 특히 에이전트로

[08:43] 할 수 있는 일을 말 그대로 배가시키는 에이전틱 도구라면 더욱 그렇죠.

[08:47] 여기서 여러분과 공유하고 싶은 마지막 레포지토리는

[08:49] 정말 흥미로운 것입니다.

[08:51] 간단한 3가지 도구 MCP 서버입니다.

[08:55] 스냅해피라고 불리는데요. 이런 도구들이 많이 있고

[08:57] 앞으로 이런 도구들이 엄청 많아질 겁니다.

[08:59] 매우 간단합니다. 3가지 도구가 있어요.

[09:02] 스크린샷 찍기, 스크린샷 촬영하기,

[09:03] 창 목록 보기. 이것은 에이전트를 위한 스크린샷 MCP 서버입니다.

[09:06] 이걸 붙여넣으면

[09:08] 스냅해피 클로드 코드 MCP 서버를 추가하게 됩니다.

[09:11] 이제 있네요. 클로드라고 입력하겠습니다.

[09:13] 이제 클로드 코드가 데스크톱을 볼 수 있고

[09:17] 더 풍부한 방식으로 상호작용할 수 있는 도구를 갖게 되었습니다.

[09:19] 이제 에이전트가 볼 수 있어요.

[09:21] 열린 창 목록을 실행해봅시다.

[09:24] 바로 여기 있네요. 실행해보겠습니다.

[09:27] 이제 제 화면에 현재 열려있는 모든 창을 볼 수 있어요.

[09:29] 뒤에 모니터도 하나 있고요.

[09:31] 정말 멋지네요. 이걸 숨기고

[09:33] 스크린샷을 찍어봅시다.

[09:35] 이 라이브러리 작성자를

[09:36] 열어보겠습니다.

[09:38] 마리오의 깃허브 저장소입니다.

[09:41] 열린 창 목록을 한 번 더 실행해서

[09:43] 올바른 창 위치를 확인해봅시다.

[09:44] ID가 바뀔 수 있거든요.

[09:46] 이제 컨텍스트 창에 있네요.

[09:48] 브라우저 스크린샷을 찍어달라고 하겠습니다.

[09:51] 알겠습니다. 이제 브라우저가

[09:53] 이 ID 중 하나에 매핑될 거예요.

[09:55] 바로 여기 있네요. 창 2번이에요.

[09:57] 스크린샷을 찍겠습니다.

[09:59] 바로 여기에요. 스크린샷이 저장되었고

[10:00] 클로드 코드의 컨텍스트 창에

[10:02] 저장된 것을 볼 수 있어요.

[10:04] 이제 이런 질문을 할 수 있어요.

[10:06] 마리오의 상위 3개 저장소는 별점 기준으로 뭔가요?

[10:09] 여기 있네요. 1, 2, 3 그리고 Lemie는

[10:13] 그가 이 저장소를 두고 있는 곳이에요.

[10:16] 스냅해피를 찾아보면

[10:17] 몇 개의 중첩된 라이브러리를 볼 수 있어요.

[10:19] Lei에게 큰 박수를 보냅니다.

[10:21] Lei와 Simon Willis 둘 다에게 박수를 보내요.

[10:24] 그를 통해 이 클로드 트레이스 라이브러리를 처음 알게 되었거든요.

[10:28] 드디어 시간을 내서 살펴볼 수 있었어요.

[10:30] Simon이 이것에 대해 포스팅한 게

[10:32] 6월 2일이었던 것 같아요. 맞네요.

[10:34] 그래서 이것은 한동안 제 체크아웃 목록에 있었어요.

[10:36] 브라우저 스크린샷을

[10:37] 다시 찍어봅시다. 같은 플로우를 실행할게요.

[10:39] 창 목록 보기와 브라우저 스크린샷을

[10:43] 다시 찍어보겠습니다.

[10:46] 환상적이네요. 그리고 이제

[10:49] 박수를 보내봅시다. Bad Logic 즉 마리오와

[10:53] Simon W에게 훌륭한 저장소와

[10:58] 훌륭한 기술 글에 대해 직접적인 박수를 보낼 수 있나요?

[11:02] 실시간으로 클로드 코드를 통해

[11:04] 마리오와 Simon Willison 두 분께

[11:07] 박수를 보내봅시다.

[11:10] 제가 밀접하게 팔로우하는 엔지니어는

[11:12] 요즘 그리 많지 않지만, Simon과 마리오는

[11:14] 그 중 두 명이고

[11:15] Simon을 팔로우한 지는 꽤 오래됐어요.

[11:17] 몇 년은 된 것 같아요.

[11:20] GPT 3.5 시절까지 거슬러 올라가니까요.

[11:23] 그의 작업이 계속해서

[11:24] 발전하고 진정한 임팩트를 가지는 걸 보니 멋져요.

[11:26] 실제로 하려고 했던 일이 있는데

[11:28] 지금 방송 중에 바로 해봅시다.

[11:29] Simon Willis를 꼭 확인해보세요.

[11:30] 설명란에 모든 링크를 걸어드릴게요.

[11:32] 실제로 한동안

[11:34] Simon을 후원하려고 마음먹고 있었어요.

[11:35] 그의 웹사이트에 이걸 올린 방식이 마음에 들어요.

[11:38] 후원하고 구독하기.

[11:40] 해봅시다. Simon을

[11:42] 후원해보겠습니다.

[11:44] 환상적이네요. 당연한 일이죠.

[11:46] Simon Willis의 블로그도

[11:48] 자유롭게 확인해보세요.

[11:50] 이 스냅샷 도구는 여러 도구 중 하나가 될 거예요.

[11:52] 큰 연구소들이

[11:54] 더 포괄적인 스크린샷, 화면

[11:56] 감시 도구들을 출시할 거라고 거의 확신해요.

[11:59] 그래서 클로드 코드가 터미널에만 있는 게 아니라

[12:01] 기기 관리와 실행에도 도움을 줄 수 있을 거예요.

[12:03] 앞으로 더 자세히 다룰 예정이에요.

[12:05] 이것이 흥미로운

[12:06] 발전이 될 거라고 생각해요. AI가 계속해서

[12:08] 멀티모달일 뿐만 아니라 다기능적이 되고

[12:11] 물리적 세계로 확장되기 시작하면서 말이에요.

[12:14] 터미널이 시작하기에 훌륭한 첫 번째 장소죠.

[12:16] 여기 터미널에서 클로드 코드를 볼 수 있어요.

[12:18] 하지만 에이전틱 엔지니어링과

[12:20] 에이전틱 코딩에 정말 몰입하고 있는

[12:22] 우리 엔지니어들이 갈 수 있는 다음 장소는

[12:24] 우리 도구들에게, 우리 에이전트들에게

[12:27] 더 많은 도구를 주는 것이에요.

[12:29] 우리의 임팩트를 이해하고

[12:31] 가치가 있는 곳에 정말 집중하려고 노력하는 거죠.

[12:34] Simon에게 큰 박수를 보내고

[12:36] 마리오에게도 큰 박수를 보냅니다.

[12:38] 정말 놀라운 일이 일어나고 있어요.

[12:41] 우리 도구들이 우리가 상상했던 것보다

[12:43] 훨씬 더 많은 일을 할 수 있습니다.

[12:46] 이는 도구를 이해하고

[12:49] 최대한 활용하는 것이 큰 이익이 된다는 뜻이에요.

[12:51] 모든 행동, 모든 키 입력이 이제

[12:54] 하나 이상의 에이전트에 의해 배가되기 때문입니다.

[12:57] 이 세 가지 도구들을 확인해보세요.

[12:59] 설명란에 링크가 있어요.

[13:00] 여러분이 좋아하는 저장소가 무엇인지 알려주세요.

[13:03] 클로드 코드를 다음 단계로 끌어올리기 위해

[13:05] 사용하고 있는 MCP 서버들은 무엇인가요? 집중하고 계속 만들어 나가세요.