스크립트
00:00:00ClaudeCode는 그 자체로 세계 최강의 AI 도구 중 하나이지만,
00:00:04플러그인, 스킬, CLI를 추가하기만 해도 훨씬 더 강력하게 만들 수 있습니다. 문제는
00:00:11ClaudeCode에 추가할 수 있는 수백 가지의 플러그인과 스킬이 있다는 점이죠.
00:00:15이제 막 시작하셨다면 도대체 무엇이 시간 투자할 가치가 있는지 어떻게 알 수 있을까요?
00:00:20이번 영상에서 제가 직접 사용해 보고 가치가 있다고 생각하는 17가지 플러그인을
00:00:24소개해 드리겠습니다. 크게 데이터, 디자인, 생산성 세 가지 영역으로 나누어
00:00:28각각 무엇인지, 어떻게 작동하는지, 왜 필요한지 알려드릴게요.
00:00:33다룰 내용이 많으니 바로 시작해 보죠. 디자인과 관련해서 자주 듣는 말이,
00:00:39AI에게는 '감각'이 부족하다는 것인데요. 만약 AI에게 감각을 더해주는 스킬이 있다면 어떨까요?
00:00:45바로 'taste' 스킬이 그런 역할을 합니다. 이 오픈 소스 GitHub 저장소는
00:00:51AI 특유의 뻔한 디자인을 피하는 데 중점을 둡니다. taste 스킬의 GitHub에는 여러 하위 스킬이 포함되어 있는데,
00:00:56이미지를 코드로 변환하는 스킬, 리디자인 스킬, 결과물 다듬기 스킬 등이 있습니다.
00:01:01이 스킬들은 ClaudeCode뿐만 아니라 모든 에이전트와 연동됩니다.
00:01:05따라서 AI를 사용해 랜딩 페이지를 만들거나 디자인 관련 작업을 하신다면 꼭 확인해 보세요.
00:01:10이들이 만든 웹사이트 예시를 보여드릴게요. 보시다시피 스크롤 애니메이션이 들어가 있죠.
00:01:14전반적으로 일반적인 ClaudeCode 결과물과는 확연히 다른 분위기를 냅니다.
00:01:19여기 또 다른 전통적인 SaaS 스타일의 예시가 있습니다.
00:01:23ClaudeCode가 이런 결과물을 한 번에 뽑아준다면 우리 모두 만족할 겁니다.
00:01:28그러니 기본 Anthropic 디자인을 넘어보고 싶다면 이 스킬을 고려해 보세요.
00:01:32이제 두 번째로 'impeccable'을 소개합니다. 이것 또한
00:01:36AI의 뻔한 디자인을 개선하기 위한 오픈 소스 프론트엔드 디자인 스킬입니다.
00:01:41이 스킬에 대해서는 앞으로 더 많이 듣게 되실 겁니다. 왜냐하면 불과 며칠 전,
00:01:46GitHub Copilot 앱 사용자들을 위한 기본 레이어로 탑재되었기 때문이죠.
00:01:51GitHub 측에서도 이 스킬의 성능을 인정하고 자사 AI 도구에 내장시킨 것입니다.
00:01:56taste 스킬과 마찬가지로, impeccable 스킬에도 여러 층위가 있습니다.
00:02:01하나의 스킬이지만 23가지의 명령어를 포함하고 있죠. 작업 문서화부터,
00:02:07이미 생성된 코드에 대한 비평, 폴리싱, 디자인을 더 강조하거나 차분하게 만드는 등 정말 다양합니다.
00:02:13기능이 너무 많아서 무엇이 가능한지 한 번에 파악하기 어려울 정도입니다.
00:02:17이 명령어들을 실제로 확인하는 가장 좋은 방법은 impeccable.style 웹사이트를 방문하는 것입니다.
00:02:22스크롤을 내리면 왼쪽에 모든 명령어가 나옵니다. 각 명령어에 대한 짧은 설명도 제공되죠.
00:02:28오른쪽에서는 ClaudeCode가 만든 것과 impeccable이 준 결과물의 차이를 볼 수 있습니다.
00:02:33이건 'distill' 명령어인데요. 미니 대시보드를 핵심 기능만 남기고
00:02:38깔끔하게 다듬고 싶을 때 유용합니다. impeccable의 또 다른 장점은 브라우저 편집기입니다.
00:02:43베타 버전이지만, 컴퓨터에서 웹사이트를 바로 띄울 수 있죠.
00:02:49터미널에서 코드를 수정하는 대신, 웹사이트에서 요소를 선택하고
00:02:53impeccable에게 이렇게 저렇게 바꾸라고 명령할 수 있습니다.
00:02:57코드 전체를 건드리지 않고도 실시간으로 변경 사항을 확인하고 시각적으로 수정할 수 있습니다.
00:03:01저는 이 실시간 편집기 기능이 taste 스킬과 차별화되는 점이라고 생각합니다.
00:03:06디자인 작업을 직접 제어하고 싶다면 꼭 한번 사용해 보세요.
00:03:11세 번째는 awesome design.md입니다. 기존 웹사이트를
00:03:17우리가 만들 결과물의 템플릿으로 활용하는 방식이죠.
00:03:22이것은 Google stitch의 design.md 원칙에 기반합니다. 혹시
00:03:27Google stitch를 써본 적 없다면 강력 추천합니다. 프론트엔드 디자인을 위한 무료 도구죠.
00:03:31여기서 말하는 건 바로 design.markdown 파일입니다. 오른쪽을 보세요.
00:03:37Google이 AI가 완벽한 프론트엔드 디자인을 생성하게끔 고안한 최적의 프롬프트 방식입니다.
00:03:42awesome design.md는 이를 템플릿으로 활용해 기존 웹사이트들에 적용합니다.
00:03:50무슨 말이냐면, 여기 다양한 웹사이트 모음이 있죠.
00:03:54예를 들어 Airtable 사이트 디자인이 마음에 든다면 클릭해 보세요.
00:03:59사이트 구조, 색상, 표면 처리, 텍스트, 타이포그래피,
00:04:06간격, 버튼 등 내 프로젝트의 구성 요소로 사용할 모든 정보가 나옵니다.
00:04:12웹사이트를 복제하는 게 아니라, 그 디자인 언어를 복제하여
00:04:18내 사이트에 적용하는 겁니다. 사용 사례별로 핀테크, 암호화폐,
00:04:23창의적 도구, 생산성, SaaS 등 정말 많은 예시가 있습니다.
00:04:29이미 검증된 디자인을 내 웹사이트에 활용하고 싶은 분들에게 완벽한 도구입니다.
00:04:34다음 도구로 넘어가기 전에, 제작자의 광고 하나만 하고 갈게요.
00:04:40방금 ClaudeCode 마스터클래스를 런칭했습니다. AI 개발자가 되는 가장 빠른 방법이죠.
00:04:44특히 비개발자분들이 실제 활용 사례를 중심으로 배우기에 정말 좋습니다.
00:04:48매주 업데이트되니 ClaudeCode를 어디서부터 시작해야 할지 막막하다면
00:04:53최고의 출발점이 될 겁니다. 고정 댓글에 있는 링크를 통해 확인해 보세요.
00:04:58Chase AI+에서 만나요. 이제 생산성 버킷의 첫 번째 도구인 Ponytail을 소개합니다.
00:05:04현재 세계에서 가장 빠르게 성장하는 AI 저장소 중 하나로, 아주 유용한 도구입니다.
00:05:09ClaudeCode를 더 효율적으로 만들어주죠. 더 빠르고,
00:05:14더 저렴하게, 그리고 같은 품질을 유지하면서 더 적은 코드를 작성하게 해줍니다.
00:05:19ClaudeCode와 같은 품질이면서 속도는 빠르고 비용은 절감된다는 거죠.
00:05:24수치를 보면 기본 대비 코드 작성량 50% 감소,
00:05:30토큰 사용량 22% 감소, 비용 20% 절감, 시간은 27%나 빨라졌습니다.
00:05:37어떻게 작동하냐고요? 코드를 작성하기 전에 ClaudeCode에게 몇 가지 질문을 합니다.
00:05:42이 기능이 꼭 필요한가? 이미 코드베이스에 있는가? 표준 라이브러리로 가능한가?
00:05:47플랫폼 자체 기능인가? 설치된 종속성인가?
00:05:52단 한 줄이면 되는가? 이 질문들을 통과한 뒤에야 코드를 작성합니다.
00:05:57작동하는 최소한의 코드만 작성하는 것이죠. ClaudeCode는 원래 다소 장황해서,
00:06:01이미 존재하는 것도 처음부터 다시 만들려는 경향이 있습니다.
00:06:06이 도구는 '이거 이미 있는 거 아냐? 그냥 있는 거 써'라고 묻는 것과 같습니다.
00:06:11만약 이미 있는 라이브러리라면 그걸 활용하도록 유도하죠.
00:06:15이 수치들은 Haiku 모델 기준입니다. 제가 영상을 만들 때 Opus로 같은 테스트를
00:06:19진행해 봤는데, 결과 차이가 더 극적이었습니다. 토큰을 절약하고 싶은 분들께 강추합니다.
00:06:24다음 도구는 제가 개인적으로 가장 좋아하는 notebooklm-pi입니다.
00:06:29ClaudeCode와 NotebookLM을 연결해 주는 도구입니다.
00:06:34NotebookLM은 Google 최고의 무료 제품 중 하나죠.
00:06:39PDF, 문서, 유튜브 영상 등 원하는 모든 리소스를 던져놓고
00:06:44그 내용에 대해 AI와 대화할 수 있습니다.
00:06:49게다가 슬라이드, 이미지, 인포그래픽 등 원하는 결과물도 만들어주죠.
00:06:54정말 무료라는 게 믿기지 않을 정도입니다.
00:06:58NotebookLM 자체 API는 없지만, 이 CLI를 통해 터미널에서
00:07:04원하는 모든 작업을 수행할 수 있습니다. 워크플로우에 통합하기 매우 좋죠.
00:07:08결과적으로 Google 서버의 자원을 무료로 활용하는 셈입니다.
00:07:12게다가 웹 앱보다 더 많은 기능을 제공합니다.
00:07:16일괄 다운로드, 퀴즈 및 플래시카드 내보내기,
00:07:21대화 내용 메모 저장 등, 웹 앱보다 훨씬 강력하죠.
00:07:25그래서 저도 실제로 더 자주 사용하고 있습니다.
00:07:30GitHub에는 여러 사례가 있지만, 저는 주로
00:07:33유튜브와 조합해서 씁니다. 유튜브 링크를 입력하면 스크립트를 가져와
00:07:37영상 내용에 대한 질문에 답변해 줍니다. 터미널에서 이걸 한다는 게 대박이죠.
00:07:40다음은 Playwright CLI입니다. 오늘 소개할 도구 중 가장 강력합니다.
00:07:44브라우저 자동화에 특화되어 있죠. API가 없는 사이트라도
00:07:48마치 사람이 웹사이트를 클릭하고 폼을 채우는 것처럼
00:07:51ClaudeCode가 직접 행동하게 만들 수 있습니다.
00:07:55자동화뿐만 아니라 프론트엔드 테스트에도 최곱니다. 사실 디자인 버킷에 넣을까 고민했죠.
00:08:00웹사이트를 만들고 사용자가 폼을 입력해야 한다면,
00:08:04수동으로 모든 경우의 수를 테스트할 필요 없이 Playwright CLI를 돌리면 됩니다.
00:08:08브라우저를 여러 개 띄워서 몇 분 만에 테스트를 끝내줍니다.
00:08:12완전 자동화가 가능하죠. 참고로 Playwright MCP와 헷갈리지 마세요.
00:08:17CLI 버전이 MCP보다 훨씬 더 효율적이고 토큰도 덜 씁니다.
00:08:21다음은 OpenAI의 공식 Codex 플러그인입니다.
00:08:26ClaudeCode와 GPT 모델들을 연동할 수 있게 해주죠.
00:08:30코드 리뷰나 적대적 리뷰(adversarial review)에 완벽합니다.
00:08:36ClaudeCode는 자신이 쓴 코드를 너무 사랑하니까요.
00:08:41가끔은 제3자의 눈으로 코드를 검토할 필요가 있는데,
00:08:45이 플러그인이 그 역할을 해줍니다. 'Codex Rescue' 같은 명령어로
00:08:50특정 기능을 Codex에 맡길 수도 있습니다. ClaudeCode가 앱의 한 부분을 담당하고
00:08:57동시에 Codex가 다른 부분을 작업하게 해서 최고의 결과를 얻을 수 있죠.
00:09:01다음은 GWS, Google Workspace CLI입니다. 공식 제품은 아니지만,
00:09:06한 Google 개발자가 만들었는데 너무 유명해져서 그 개발자가 해고당하기까지 했죠.
00:09:11Google Workspace를 자주 쓰고 기본 커넥터보다 더 많은 기능이 필요할 때 최고입니다.
00:09:15기본 커넥터로는 이메일 발송 같은 기능을 못 하거든요.
00:09:19그런데 이 도구를 쓰면 AI에게 이메일 업무를 맡길 수 있습니다.
00:09:2440개가 넘는 다양한 업무 관련 스킬이 포함되어 있어서,
00:09:29주간 보고 요약, 스탠드업 회의록 준비, 이메일을 할 일로 바꾸기 등
00:09:34미리 설정된 워크플로우를 바로 사용할 수 있습니다.
00:09:39설치와 설정이 좀 복잡할 수 있지만,
00:09:44Google 생태계에 힘을 실어주고 싶다면 절대 후회하지 않을 도구입니다.
00:09:49자, 이건 이제 필수인 도구입니다. 아직 없다면 무조건 제일 먼저 설치하세요.
00:09:53바로 GitHub CLI입니다. ClaudeCode로 무언가를 만들다 보면
00:09:58결국 GitHub에 푸시해야 할 텐데, 이 CLI가 그 과정을 매우 쉽게 해줍니다.
00:10:04생산성 버킷의 마지막, 'skill creator' 스킬입니다.
00:10:07Anthropic 공식 스킬인데 단순히 새 스킬을 만드는 것 이상을 해줍니다.
00:10:12기존 스킬을 수정, 개선하고 성능을 측정할 수 있게 해주죠. 스킬은 정말 좋지만,
00:10:19내가 만든 스킬이 진짜 필요한지, 개선한 버전이 더 나은지 확인하기가 어렵죠.
00:10:24skill creator 스킬은 이걸 객관적으로 증명해 줍니다.
00:10:28스킬 버전별로 A/B 테스트를 자동으로 진행해주고,
00:10:33스킬을 썼을 때와 안 썼을 때의 효율 차이도 바로 알 수 있죠.
00:10:38객관적인 수치로 증명해 주니 확실합니다. 스킬이 ClaudeCode에서 가장
00:10:45강력한 도구인 만큼, 이 skill creator 스킬이 제일 중요하다고 봅니다.
00:10:49설치법도 간단합니다. ClaudeCode에서 '/plugin'을 입력하고,
00:10:54skill creator 스킬을 검색해 설치하세요.
00:11:00설치된 항목에서 확인 가능합니다. 이제 데이터 쪽 이야기를 해볼까요? 데이터베이스, 연구, 기억력 등 정보 수집 및 저장에 관련된 도구들입니다.
00:11:06데이터, 데이터베이스, 리서치, 메모리 등에 관해서 말이죠.
00:11:12첫 번째는 'last 30 days'입니다. 한때 GitHub 1위 저장소였죠.
00:11:17단순 검색을 넘어선, 매우 깊이 있는 리서치를 ClaudeCode로 할 수 있게 해줍니다.
00:11:23Reddit, Twitter, 유튜브, TikTok, Reels, Hacker News, Polymarket 등
00:11:28다양한 플랫폼에서 특정 주제에 대해 사람들이 무엇을 이야기하는지 아주 상세하게 알려줍니다.
00:11:34일상 브리핑이나 신뢰도 높은 데이터를 기반으로 보고서를 작성해야 할 때 완벽합니다.
00:11:40또한 무조건 '/deep research'를 남발해서 토큰을 낭비하는 것보다
00:11:45훨씬 합리적인 대안이 되기도 합니다. 리서치 하니 Firecrawl CLI도 빼놓을 수 없네요.
00:11:51웹 스크래핑, 특히 봇 방지 기능이 강한 사이트를 긁을 때 최고의 도구입니다.
00:11:58유료 버전과 오픈 소스 버전이 있는데, 유료 버전이 독자적인 모델을 통해
00:12:03강력한 봇 방지 사이트까지 뚫어줍니다. 하지만 오픈 소스 버전으로도
00:12:08상당한 기능을 맛볼 수 있죠. 만약 'last 30 days'처럼 여러 곳을 긁을 필요 없이,
00:12:13딱 하나만 전문적으로 스크래핑하고 싶다면 Firecrawl이 최고입니다.
00:12:21ClaudeCode의 기본 검색보다 확실히 한 수 위죠.
00:12:26단순 스크래핑을 넘어 페이지 상호작용도 가능하고,
00:12:32버전이 있습니다. 이것이 그들의 GitHub입니다. 따라서 특정 웹
00:12:39그다음은 Karpathy가 만든 'auto research'입니다. 기계 학습의 정수라고 할 수 있죠.
00:12:44개선하고 싶은 앱이 있을 때 이걸 던져주면, 수많은 루프를 반복하며 자동으로
00:12:49목표치에 도달할 때까지 최적화 작업을 수행합니다.
00:12:57예를 들어 파이썬 앱의 실행 속도를 높이고 싶다면, 시간을 단축하는 실험을 83번 진행한 뒤,
00:13:06카파시가 만든 오토 리서치입니다. 이건 본질적으로 상자 안에 담긴 머신러닝이라고 할 수 있죠.
00:13:14개선하려는 어떤 애플리케이션에 오토 리서치를 적용하면, 목표를 달성하기 위해 자동으로 루프를 반복하며
00:13:21정말 가볍고 똑똑하죠. 다만, 성과 지표가 명확히 수치화 가능한 작업에만 써야 합니다.
00:13:27그다음은 Supabase CLI입니다. 무료 티어가 넉넉해서 제가 정말 사랑하죠.
00:13:36웹사이트 폼을 만들고 사용자 이메일을 수집해야 한다면 데이터베이스가 필요하잖아요?
00:13:41Supabase는 ClaudeCode에서 자연어 명령만으로 데이터베이스를 뚝딱 만들어줍니다.
00:13:46로그인 인증 기능까지도 한 번에 해결해주죠.
00:13:52처음엔 복잡할 수 있어도 ClaudeCode와 함께라면 너무나 쉽습니다.
00:13:58로컬에서 실행하는 것도 가능하고요. 다음은 Obsidain입니다.
00:14:03ClaudeCode의 기억력을 향상시키는 가장 쉬운 방법입니다.
00:14:08컴퓨터의 특정 폴더를 'vault'로 지정하면,
00:14:13그 안의 수많은 정보가 ClaudeCode와 지식 그래프로 연결됩니다.
00:14:19제대로 설정만 하면 문서 내용에 대해 정말 효과적으로 답변해 주죠.
00:14:25GitHub에 'Obsidian skills'를 검색하면 관련 스킬도 많으니 활용해 보세요.
00:14:29기억력 관련해서 RAG(검색 증강 생성) 시스템도 짚고 넘어가죠.
00:14:33이건 Obsidian보다 훨씬 본격적인 지식 그래프/임베딩 방식입니다.
00:14:38Light RAG는 가볍고 빠르면서도 복잡한 RAG 시스템을 배우기 딱입니다.
00:14:43ClaudeCode와 연결해서 쓰기 아주 쉽습니다.
00:14:49더 고급 단계인 RAG Anything으로 넘어가면 이미지나 차트 같은
00:14:53텍스트 외적인 자료까지 처리할 수 있습니다.
00:14:58마지막으로 Stripe CLI입니다. 돈을 벌고 싶은 앱을 만든다면 필수죠.
00:15:05Stripe UI는 복잡해서 쓰기 귀찮은데, 이걸 쓰면
00:15:09터미널과 자연어만으로 훨씬 쉽게 결제 시스템을 제어할 수 있습니다.
00:15:13오늘 소개한 이 도구들이 여러분의 ClaudeCode 작업 효율을 크게 높여줄 겁니다.
00:15:19댓글로 여러분의 생각도 알려주세요.
00:15:23제 ClaudeCode 마스터클래스를 듣고 싶다면 꼭 Chase AI+를 확인해 보시고요.
00:15:29다음 영상에서 뵙겠습니다.
00:15:35ClaudeCode는 그 자체로 세계 최강의 AI 도구 중 하나이지만,
00:15:41플러그인, 스킬, CLI를 추가하기만 해도 훨씬 더 강력하게 만들 수 있습니다. 문제는
00:15:45ClaudeCode에 추가할 수 있는 수백 가지의 플러그인과 스킬이 있다는 점이죠.
00:15:50GitHub에서 'Obsidian skills'를 검색해 보시면 되는데, 이 간단한 GitHub 저장소는
00:15:56이번 영상에서 제가 직접 사용해 보고 가치가 있다고 생각하는 17가지 플러그인을
00:16:01소개해 드리겠습니다. 크게 데이터, 디자인, 생산성 세 가지 영역으로 나누어
00:16:07각각 무엇인지, 어떻게 작동하는지, 왜 필요한지 알려드릴게요.
00:16:12다룰 내용이 많으니 바로 시작해 보죠. 디자인과 관련해서 자주 듣는 말이,
00:16:16AI에게는 '감각'이 부족하다는 것인데요. 만약 AI에게 감각을 더해주는 스킬이 있다면 어떨까요?
00:16:21바로 'taste' 스킬이 그런 역할을 합니다. 이 오픈 소스 GitHub 저장소는
00:16:27AI 특유의 뻔한 디자인을 피하는 데 중점을 둡니다. taste 스킬의 GitHub에는 여러 하위 스킬이 포함되어 있는데,
00:16:32이미지를 코드로 변환하는 스킬, 리디자인 스킬, 결과물 다듬기 스킬 등이 있습니다.
00:16:36이 스킬들은 ClaudeCode뿐만 아니라 모든 에이전트와 연동됩니다.
00:16:41따라서 AI를 사용해 랜딩 페이지를 만들거나 디자인 관련 작업을 하신다면 꼭 확인해 보세요.
00:16:46이들이 만든 웹사이트 예시를 보여드릴게요. 보시다시피 스크롤 애니메이션이 들어가 있죠.
00:16:53전반적으로 일반적인 ClaudeCode 결과물과는 확연히 다른 분위기를 냅니다.
00:16:58여기 또 다른 전통적인 SaaS 스타일의 예시가 있습니다.
00:17:02ClaudeCode가 이런 결과물을 한 번에 뽑아준다면 우리 모두 만족할 겁니다.
00:17:08그러니 기본 Anthropic 디자인을 넘어보고 싶다면 이 스킬을 고려해 보세요.
00:17:13이제 두 번째로 'impeccable'을 소개합니다. 이것 또한
00:17:17AI의 뻔한 디자인을 개선하기 위한 오픈 소스 프론트엔드 디자인 스킬입니다.
00:17:23이 스킬에 대해서는 앞으로 더 많이 듣게 되실 겁니다.
00:17:26제 ClaudeCode 마스터클래스를 듣고 싶다면 꼭 Chase AI+를 확인해 보시고요.