00:00:00Claude Code의 제작자는 이전에 자신의 전체 워크플로우를 공개한 적이 있으며, 저희는 이미 그에 대한 영상을 만들었습니다.
00:00:04저희는 그 영상에서 많은 것을 얻었고 그의 원칙들을 저희 업무에 적용하기 시작했습니다.
00:00:08하지만 저희는 더 나아가고 싶었기에, 그의 팀이 실제로 매일 사용하는 구체적인 기술과 도구들을 찾아보기 시작했습니다.
00:00:14저희는 그들의 포스트, 오픈 소스 저장소, 공식 플러그인 마켓플레이스를 샅샅이 뒤져 그들이 실제로 사용하는 기술과 명령어들을 추출했습니다.
00:00:21이 중 일부는 지금 바로 설치할 수 있고, 다른 것들은 팀이 공개하지 않은 내부 도구들이지만 저희가 그 기능과 직접 구축하는 방법을 알아냈습니다.
00:00:28그들이 사용하는 기술 중 하나는 Claude Code용 Frontend Designs 플러그인입니다.
00:00:32이것은 단순한 프롬프트를 사용해 디자인을 변환하는 동시에 UI와 UX 측면에서 이를 향상시키기 위해 개발되었습니다.
00:00:38이것은 오픈 소스로 제공되며 저장소에는 디자인을 위한 전문화된 지침이 포함된 기술이 들어 있습니다.
00:00:43이것은 공식 Claude Code 플러그인 저장소에서 바로 확인할 수 있습니다.
00:00:47기본적으로 이것이 존재하는 이유는 AI가 모델들이 대개 수렴하게 되는 일반적인 AI 미학, 즉 평범한 디자인을 피하기 위해서입니다.
00:00:55설치 과정은 간단하며, Claude Code 플러그인의 공식 마켓플레이스에서 추가할 수 있습니다.
00:01:00하지만 설치되어 있지 않다면, 플러그인의 add marketplace 명령어를 사용해 그곳에서 설치할 수 있습니다.
00:01:05재로드한 후에는 플러그인을 바로 사용할 수 있습니다.
00:01:08설치가 완료되면 슬래시 명령어를 직접 사용하여 기술을 호출하고 무엇을 하고 싶은지 지정할 수 있습니다.
00:01:13기술은 보통 Claude가 필요하다고 느낄 때 호출되므로, 이 기술 역시 Claude가 필요하다고 판단하면 실행 중에 트리거될 수 있습니다.
00:01:24Claude Code 제작 팀이 매일 사용하는 또 다른 기술은 batch 기술입니다.
00:01:28이 기술은 제품에 직접 통합되어 있으며, 코드 마이그레이션이나 유사한 작업처럼 쉽게 병렬화할 수 있는 작업들을 자동화하도록 설계되었습니다.
00:01:39Claude Code 내부에서 직접 사용할 수 있으며, batch 명령어 뒤에 작업을 실행하기 위한 지침을 입력하면 됩니다.
00:01:45Claude Code에 프롬프트를 제공하면, 먼저 작업을 식별하고 계획 모드로 들어가 하위 작업으로 나눕니다.
00:01:52이를 통해 실행 전에 구현 방안을 철저하게 탐색하고 계획할 수 있습니다.
00:01:56Claude의 에이전트 시스템이 이미 작업을 작은 단위로 나누고 병렬로 실행하고 있다고 생각하실 수도 있습니다.
00:02:02그런데 왜 이 기능이 필요할까요?
00:02:04차이점은 batch 명령어가 별도의 워크트리(work trees), 즉 저장소의 격리된 복사본을 사용하여 각 에이전트가 자체 환경에서 작업하도록 한다는 것입니다.
00:02:12따라서 이는 에이전트들이 서로의 작업에 영향을 주는 것을 방지합니다.
00:02:15계획 단계에서 생성된 계획에는 앱의 현재 상태,
00:02:18모든 작업을 단위별로 분할한 내역, 필요한 추가 사항 목록, 그리고 엔드 투 엔드 검증 수행 방법에 대한 지침이 포함됩니다.
00:02:26이 계획을 승인하면 작업 단위의 수만큼 에이전트를 생성하며,
00:02:30각 에이전트에게 전용 프롬프트를 부여하고 각자가 별도의 워크트리에서 작동하도록 보장합니다.
00:02:35각 에이전트는 진행 상황을 메인 에이전트에게 보고하며, 모두 완료되면 메인 에이전트가 격리된 모든 워크트리를 메인 브랜치로 병합합니다.
00:02:44원격 저장소가 설정되어 있다면 풀 리퀘스트(PR) 관리까지 가능합니다.
00:02:48그들은 또한 code simplifier 플러그인도 자주 사용합니다.
00:02:51이 플러그인은 오픈 소스이며 여러분의 프로젝트에서 사용하기 위해 다운로드할 수 있습니다.
00:02:55공식 플러그인 저장소에서 구할 수 있으며 동일한 설치 단계를 거쳐 설치할 수 있습니다.
00:03:00설치되면 플러그인 목록에서 확인할 수 있으며, 저장소에서 직접 검색하여 설치할 수도 있습니다.
00:03:06이 플러그인은 기능은 유지하면서 명확성을 위해 코드를 다듬어 줍니다.
00:03:10사용하려면 프롬프트를 제공하면 되고, 그러면 code simplifier 내부에서 에이전트가 초기화됩니다.
00:03:15그 후 단일 에이전트를 생성하여 중복 및 불필요한 파일을 제거함으로써 전체 코드베이스를 단순화하고, 더 깔끔하고 관리하기 쉽게 만듭니다.
00:03:23작업이 완료되면 변경 사항에 대한 요약을 반환합니다.
00:03:27하지만 이것은 Claude Code 내부에 제품으로 출시된 Simplify 기술과 사실상 유사합니다.
00:03:32주요 차이점은 Simplify는 세 명의 에이전트를 생성하고 여러 지표를 통해 코드를 엄격하게 평가하여 더욱 단순하고 효과적으로 만든다는 점입니다.
00:03:40따라서 Simplify는 Code Simplifier 플러그인의 더 철저한 버전이며, 팀은 두 도구 모두를 활발히 사용합니다.
00:03:45하지만 계속 진행하기 전에, 스폰서 소식을 전해드리겠습니다.
00:03:48Airtop입니다. 매주 반복적인 수작업에 몇 시간씩 허비하고 계신다면, 이를 처리할 훨씬 더 좋은 방법이 있습니다.
00:03:54Airtop을 사용하면 일상적인 영어를 사용하여 실제 클라우드 브라우저에서 24시간 내내 실행되는 AI 에이전트를 구축할 수 있습니다.
00:03:59코드도, API도 필요 없습니다.
00:04:01저는 그들의 경쟁사 스파이 템플릿을 설정하고, 3개의 경쟁사 URL을 입력한 뒤 가격 변동, 신기능, 포지셔닝 업데이트를 매일 모니터링하라고 지시했습니다.
00:04:10매일 아침, Airtop은 클라우드 브라우저를 실행하고 각 사이트를 탐색하며, 캡차와 봇 방지 조치를 처리하고, 어제 데이터와 비교하여 요약본을 슬랙으로 바로 보내줍니다.
00:04:20딱 한 번, 10분만 투자해 설정하면 노트북을 열기도 전에 매일 아침 경쟁사 정보 브리핑을 받을 수 있습니다.
00:04:26몇 분 만에 신뢰할 수 있는 자동화를 구축하고, Code AI Labs 코드를 사용하여 Airtop에 가입하고 스타터 플랜 1개월 무료 혜택을 받으세요.
00:04:32고정 댓글의 링크를 클릭하고 Airtop으로 자동화를 구축해 보세요.
00:04:36팀이 내부적으로 사용하는 또 다른 기술은 Verify 기술입니다.
00:04:39그들의 트윗에는 언급되지 않았지만, 유출된 소스 코드를 통해 이것이 Anthropic 팀원들을 위한 내부 기술임을 알 수 있으며, CLI 플래그로 숨겨져 있어 외부인은 사용할 수 없습니다.
00:04:49이 기술은 앱을 실행하고, 다양한 각도에서 변경 사항을 테스트하며, 오류를 자동으로 수정하여 코드 변경 사항을 검증합니다.
00:04:55이것은 내부적으로 사용되기 때문에 시스템 프롬프트가 제품 코드 안에 들어 있지 않습니다.
00:04:59팀원 중 누군가가 실제로 사용할 때 환경에 직접 주입되는 방식입니다.
00:05:04이것이 매우 프로젝트 중심적인 기능이라 공개적으로 출시되지 않은 이유일 수 있습니다.
00:05:08하지만 직접 프로젝트를 구축 중이라면 Skill Creator를 사용하거나 해당 저장소를 템플릿으로 삼아 자신만의 Verify 기술을 만들 수 있습니다.
00:05:15그것은 여러분의 코드베이스를 스캔하여 프로젝트에 맞춤화된 Verify 기술을 생성할 것입니다.
00:05:19검증은 프로젝트에 따라 모습이 다를 수 있습니다.
00:05:22일부는 Playwright, MCP 검증, 테스트 또는 기타 방법들을 사용할 수 있습니다.
00:05:26하지만 핵심 아이디어는 에이전트가 자신의 변경 사항이 의도한 대로 작동하는지 확인할 방법이 있어야 한다는 것이며, 이 기술이 그 힘든 일을 처리합니다.
00:05:33이 기술의 지침에는 코드 변경 사항을 처리하고 가용한 도구들을 사용해 보고하는 방법에 대한 단계별 안내가 포함되어 있습니다.
00:05:39또한 CLI.md 예제 파일에는 린터, 종료 코드, NPM 테스트 파일 등 기술이 접근할 수 있는 모든 CLI 도구가 나열되어 있습니다.
00:05:49최적의 사용을 위해서는 테스트 케이스와 Claude Chrome 확장 프로그램을 통한 시각적 검증이 설정되어야 합니다.
00:05:55Claude Code 내부에 숨겨져 Anthropic 팀원들만 사용할 수 있는 또 다른 내부 기술은 Skillify입니다.
00:06:01이 기술은 전체 세션을 캡처하여 재사용 가능한 기술로 변환합니다.
00:06:05Verify 기술과 마찬가지로 환경 플래그에 의해 보호됩니다.
00:06:08하지만 Verify와 달리 Skillify의 시스템 프롬프트는 소스 코드에 포함되어 있습니다.
00:06:12Skillify의 목적은 Claude와 함께 워크플로우를 브레인스토밍하고 여러 번의 대화를 통해 프로세스를 다듬은 뒤, 이를 재사용 가능한 기술로 저장하는 세션을 기록하는 것입니다.
00:06:21논의된 반복 가능한 프로세스, 언급된 모든 도구와 권한, 관련된 에이전트 등 기술을 만드는 데 필요한 모든 요소를 식별합니다.
00:06:28그런 다음 사용자와 상호작용하여 의도를 명확히 하고, 단계를 세분화하며, skill.md 파일을 마무리하고 필요한 모든 지침이 담긴 상세 가이드를 생성합니다.
00:06:38하지만 내부 버전에 접근할 필요는 없습니다. 소스 코드를 가이드 삼아 자신만의 Skillify 기술을 만들 수 있기 때문입니다.
00:06:44Skillify 명령어를 호출하면 세션을 철저히 분석하고 그 추론이 맞는지 여러분에게 확인합니다.
00:06:50워크플로우를 명확히 하기 위해 후속 질문을 던진 뒤, skill.md 파일을 생성하여 검토할 수 있도록 제공합니다.
00:06:56여러분의 필요에 부합함을 확인하면 프로젝트에 저장하고 재사용 가능한 기술로 사용할 수 있습니다.
00:07:02그들이 사용하는 또 다른 도구는 코드베이스의 취약점을 스캔하고 다양한 요인에 따라 패치를 제안하는 Claude Code Security Scan 명령어입니다.
00:07:10이것은 팀 내부에서 여러 보안 문제를 식별하는 데 사용되었으며, 나중에 Claude Code 내부의 보안 스캔 기능으로 출시되었습니다.
00:07:17시스템 프롬프트는 유출된 소스에서 확인할 수 있으며, 입력값 검증, 인증 문제, 비밀 관리, 인젝션 및 코드 실행, 엔드포인트 노출 등 다각도에서 보안 스캔을 수행하도록 설정되어 있습니다.
00:07:31또한 심층 분석 방법론을 포함하며 여러 표준을 도구에 직접 통합했습니다.
00:07:36이것은 내장된 기능이므로 바로 접근하여 모든 파일에 대한 보안 리뷰를 수행할 수 있습니다. 지침에 따라 모든 발견 사항을 보고합니다.
00:07:44그 후 Claude에게 식별된 문제를 수정하도록 요청하면 앱을 기능적이고 안전하게 만드는 데 필요한 변경 사항을 구현합니다.
00:07:51이는 보안 문제를 발견하기 어렵고 운영 환경에서 간과될 수 있는 대규모 애플리케이션에 특히 유용합니다.
00:07:58AI가 생성한 코드로 인해 막대한 양의 변경 사항이 발생하면 취약점이 실수로 운영 환경에 들어갈 수 있는데, 이 도구가 이를 방지해 줍니다.
00:08:06또한 저희 콘텐츠가 마음에 드신다면 하이프(Hype) 버튼을 눌러주세요. 더 많은 콘텐츠를 제작하고 더 많은 사람들에게 다가가는 데 큰 힘이 됩니다.
00:08:13Claude Code의 제작자는 반복적인 작업이 포함된 모든 내부 루프 워크플로우에 슬래시 명령어를 사용한다고 말합니다.
00:08:21예를 들어, 그들은 코드를 저장소에 푸시하고 풀 리퀘스트를 생성하는 commit-pushpr 명령어를 사용합니다.
00:08:26이 명령어는 오픈 소스이며 Claude Code 플러그인의 공식 마켓플레이스에서 이용 가능합니다.
00:08:31특정 단계들을 따라가면 스테이징된 변경 사항과 되지 않은 변경 사항을 바탕으로 커밋을 생성하는 commit 명령어에 접근할 수 있습니다.
00:08:38여기에는 제작자가 자신의 X 포스트에서 언급한 정확한 명령어와 워크플로우가 포함되어 있습니다.
00:08:44설치하려면 플러그인 마켓플레이스로 가서 commit 명령어를 검색해 설치하세요.
00:08:48설치되면 저장소에서 사용 가능한 모든 명령어에 접근할 수 있습니다.
00:08:52이를 통해 워크플로우에서 직접 이러한 명령어들을 사용하여 반복적인 작업을 간소화할 수 있습니다.
00:08:57Claude Code 제작자가 공개한 워크플로우에서 그는 팀이 tech debt(기술 부채) 기술을 사용한다고 언급했습니다.
00:09:04그들은 중복된 코드를 찾기 위해 매 세션이 끝날 때마다 이를 실행할 것을 권장했습니다.
00:09:08이것은 실제로는 오픈 소스가 아니며 팀 내부적으로만 사용됩니다.
00:09:12기술 부채는 사용되는 프로젝트마다 다르기 때문에 그들에게도 마찬가지였습니다.
00:09:15하지만 여러분의 목적에 맞게 사용하고 이 기술을 자신의 프로젝트에 맞춰 조정할 수 있습니다.
00:09:19자신의 프로젝트를 위한 기술을 직접 만들고 그가 했던 것과 같은 이름을 붙인 뒤,
00:09:23실제로 오픈 소스인 Skill Creator 기술을 사용하여 해당 기술에 대한 지침을 추가할 수 있습니다.
00:09:28기술 부채 기술의 지침에는 변경 사항을 식별하는 방법,
00:09:33중복을 감지하는 방법, 그리고 세션 중에 쌓인 기술 부채를 식별하는 방법에 대한 단계별 워크플로우가 포함되어야 합니다.
00:09:39또한 프로젝트와 관련된 파일 구조를 어떻게 처리할지 상세히 정의해야 하며,
00:09:43npm test 및 린터 실행과 같은 검증으로 끝나야 합니다.
00:09:47이 모든 것이 준비된 상태에서 tech debt 기술을 실행하면 기존 코드베이스 전체를 훑게 되며,
00:09:52먼저 여러 에이전트를 사용하여 분석한 뒤, 실제로 불필요하고 중복된 부분들을 상세히 보고할 것입니다.
00:09:59그런 다음 모든 컴포넌트가 동일한 기능을 사용할 수 있는 공유 라이브러리를 만들고, 여러 곳에서 동일한 요소에 접근하도록 컴포넌트를 업데이트합니다.
00:10:07따라서 세션은 적절한 정리와 기술 부채가 최소화된 훨씬 더 체계적인 코드베이스로 마무리됩니다.
00:10:12저희가 만든 이 기술은 이 영상과 이전의 모든 영상들을 위해 AI Labs Pro에서 찾을 수 있으며,
00:10:18그곳에서 다운로드하여 자신의 프로젝트에 사용할 수 있습니다.
00:10:21저희가 하는 일에서 가치를 느끼고 채널을 후원하고 싶으시다면 이것이 가장 좋은 방법입니다.
00:10:26링크는 설명란에 있습니다.
00:10:27Claude Code의 제작자들은 Ddupe라는 또 다른 기술도 사용합니다.
00:10:30이 기술은 팀 내부적으로 사용되며 어떤 오픈 소스 형태나 Claude Code 내부 기능으로도 제공되지 않습니다.
00:10:36하지만 그들이 트윗에 링크한 이슈 결과를 통해, 정확한 전문 시스템 프롬프트에는 접근할 수 없더라도 이 기술이 무엇을 하는지 역설계해 볼 수 있습니다.
00:10:42저희가 관찰한 바에 따르면,
00:10:45이 기술은 GitHub 이슈가 기존 이슈의 중복인지 확인하고,
00:10:50중복임을 발견하면 그에 대해 댓글을 남깁니다.
00:10:52이슈를 받아 입력을 파싱하고 GitHub CLI를 사용하여 유사한 이슈를 검색합니다.
00:10:57유사성 여부를 결정하기 위한 기준들이 포함되어 있습니다.
00:11:01이슈의 중복 여부를 잘못 판단하지 않도록,
00:11:04이슈가 중복으로 표시되기 위해 충족해야 하는 일정한 임계값이 설정되어 있습니다.
00:11:08약 70%의 확신으로 중복을 찾으면 해당 이슈에 댓글을 작성합니다.
00:11:12중복 이슈에 남기는 댓글에는 왜 일치하는지에 대한 정보와 관련 설명이 포함됩니다.
00:11:18그래도 여전히 사람의 확인이 필요합니다.
00:11:20따라서 여러 명과 함께 프로젝트를 진행하고 있는데
00:11:23누군가가 이미 처리된 이슈를 생성한 경우,
00:11:26이 기술을 사용하여 반복되는 이슈들을 처리할 수 있으며,
00:11:29이미 해결된 이슈임을 설명하느라 시간을 낭비하는 대신
00:11:32새로운 이슈에 집중할 수 있게 해줍니다.
00:11:34Anthropic 팀이 자주 사용하는 또 다른 기술은 Claude Code 내부의 Remotion 기술입니다.
00:11:40이 기술을 사용하면 간단한 프롬프트로 AI를 이용해 모션 그래픽과 영상을 만들 수 있습니다.
00:11:45이를 설치하여 Claude Code 내부에서 직접 사용할 수 있으며, 애니메이션이 어떻게 보이길 원하는지 지정할 수 있습니다.
00:11:50이 기술이 사실 모든 제품 발표 영상과
00:11:55Claude 마케팅 팀이 제작하는 다른 마케팅 영상들에 사용된다는 것을 알고 계셨나요?
00:11:58이것은 그들의 워크플로우에서 가장 중요한 기술 중 하나이며
00:12:00팀의 개발 외적인 많은 작업들까지 지원합니다.
00:12:04이것으로 오늘 영상을 마칩니다.
00:12:06채널을 후원하고 이런 영상들을 계속 제작할 수 있도록 도와주고 싶으시다면,
00:12:09아래의 Super Thanks 버튼을 이용해 주시면 감사하겠습니다.
00:12:12시청해 주셔서 감사드리며, 다음 영상에서 뵙겠습니다.