클로드 코드(Claude Code)는 앤스로픽(Anthropic)이 개발한 코딩 에이전트로, 사용자에게 놀라울 정도의 **높은 수준의 맞춤 설정 기능**을 제공합니다. 이는 사용자가 직접 커스텀 명령을 만들거나 `claw.md` 파일을 수정하여 특정 작업에 특화된 에이전트로 변모시킬 수 있다는 점에서 분명하게 드러납니다. 하지만 이러한 워크플로우를 직접 만들고 테스트하는 과정은 특히 전체 개발 프로세스에 익숙하지 않은 '바이브 코더(Vibe coder)'에게는 매우 시간이 많이 소요될 수 있다는 점이 언급되어 있습니다.
이러한 문제를 해결하고 클로드 코드의 능력을 **극대화하기 위해 두 가지 무료 도구**가 소개되었습니다.
### 1. 슈퍼 클로드(Super Claude): 클로드 코드를 위한 구성 프레임워크
첫 번째 도구는 개발자가 '구성 프레임워크'라고 부르는 **슈퍼 클로드**입니다. 이는 클로드 코드에 새로운 능력과 스킬을 부여하여 다음 단계로 나아가게 합니다.
* **주요 기능**:
* **18가지의 구조화된 명령**: 이 명령들은 모두 한 가지 목표에 집중하도록 설계되었다고 소스에 설명되어 있습니다.
* **플래그(Flags)**: 명령과 함께 사용될 때 추가적인 기능을 제공합니다.
* **페르소나(Persona) 플래그**: 개발 수명 주기의 특정 부분을 나타내는 **9가지 페르소나** 중에서 선택할 수 있습니다. 예를 들어, 랜딩 페이지나 UI 구성 요소를 만들고 싶다면 **프런트엔드(front-end) 페르소나**를 구현할 수 있습니다. 이 외에도 아키텍처 계획, 백엔드, 보안, 다양한 문제 분석을 위한 페르소나들이 제공된다고 합니다.
* **작동 방식**: 이 도구는 백엔드에서 개발자가 커스텀 명령 형태의 구성 파일과 YAML 파일 형태의 규칙 및 구성된 워크플로우를 작성하는 방식으로 작동합니다. 비디오의 설명에 따르면, 이는 사실상 AI 에이전트와 모델을 프로그래밍하는 방식인 **프롬프팅(prompting)**의 일종이라고 할 수 있습니다. 예를 들어, 프런트엔드 페르소나는 UI 생성에 매우 유익한 강력한 워크플로우를 클로드에 제공합니다. 이 워크플로우들은 실제 개발자들이 개발 주기를 어떻게 거치는지에 대한 **맥락(context)**을 클로드 코드에 제공하며, 전체 개발 주기에 대한 맥락이 모두 작성되어 있어 사용자는 적절한 시기에 관련 태그를 사용하는 방법만 배우면 됩니다.
* **MCP(Multi-Context Processors) 활용**: 슈퍼 클로드는 또한 **MCP**를 활용합니다.
* **`context 7 MCP`**: 외부 문서를 가져오는 데 사용됩니다.
* **`sequential MCP`**: 다단계 추론을 가능하게 합니다.
* **`magic UI MCP` 및 `Puppeteer MCP`**: 이 또한 매우 유용한 기능으로 언급되었습니다.
* `claw.md` 파일에는 모든 것을 실제로 사용하는 방법에 대한 전체 구성이 설정되어 있어, 이것이 바로 '슈퍼 클로드'라고 불리는 이유 중 하나입니다.
* **사용 예시**: `/build` 명령 다음에 `react` (리액트 사용), `magic` (매직 MCP 사용), `watch` (지속적인 개발 모니터링)와 같은 플래그가 붙고, `persona front-end` 플래그로 페르소나가 설정되는 방식이 소스에 소개되었습니다.
### 2. 학습의 어려움과 커서(Cursor)를 통한 해결책
이처럼 슈퍼 클로드가 강력함에도 불구하고, 제작자는 **도구를 제대로 배울 수 있는 적절한 방법이 없다는 문제점**을 발견했습니다. 다른 유튜버들의 시연 영상만으로는 방대한 플래그와 도구, 명령, 사용 가능한 페르소나, 그리고 다양한 MCP를 추가하는 방법을 모두 익히기 어렵다는 점이 지적되었습니다. 이로 인해 학습 곡선이 발생하게 됩니다.
이 문제에 대한 해결책으로, 제작자는 **커서(Cursor)**라는 도구를 활용했습니다.
* **해결 과정**:
1. 구성 파일이 설치된 폴더를 커서로 열었습니다.
2. 커서에게 모든 구성 파일을 읽고, 클로드와 함께 언제 어디서 어떻게 사용해야 하는지에 대한 **종합 가이드**를 만들어 달라고 요청했습니다.
3. 커서의 새로운 검색 도구는 파일을 통해 모든 것을 쉽게 찾아내고 파일 간의 연결을 만들어 매우 유용한 구성 가이드를 생성했습니다.
4. 이 가이드를 `docs.md` 파일(약 450단어 분량)로 작성하도록 요청했습니다. 이 문서는 나중에 클로드 코드나 커서 내의 **AI 에이전트에게 전달하여 특정 사용 사례에 맞는 최적의 명령 사용법**을 알려주도록 하는 데 사용될 수 있습니다.
* **실제 프로젝트 적용 예시**: 제작자는 엘레븐 랩스(Eleven Labs) API 통합 및 OpenAI API를 사용하여 스토리 생성 및 내레이션 기능을 갖춘 Next.js 앱을 구축하는 작업을 예시로 들었습니다. `magic mcp` 및 `puppeteer mcp`를 바로 설정할 수 없는 제한 사항이 있었기 때문에, 커서에게 해당 MCP를 사용하지 않도록 요청했습니다. MCP는 클로드 코드에서 직접 구성해야 하지만, 프레임워크는 각 워크플로우에서 해당 MCP가 어디에 속하는지 알려주며, 올바른 명령을 사용하면 클로드가 각 도구를 언제 적용해야 하는지 알 수 있어 여전히 매우 강력합니다.
* **결과**: 처음에는 커서가 명령만 제공하고 프롬프트는 누락되었지만, 슬래시 명령, 플래그, 프롬프트를 **구조화된 방식으로 출력**하도록 지시하자, 배포까지 11단계에 이르는 **완전한 프로젝트 개요**를 정확히 제공했습니다. 이 프레임워크는 개발자 주기의 모든 단계에 대한 명령과 워크플로우를 포함하고 있으며, 이제 커서가 이 모든 것을 알고 있습니다.
* **확장성 및 접근성**: 이처럼 커서가 생성한 문서는 커서에만 국한되지 않습니다. 해당 문서를 클로드 코드에 복사하여 제공하면 클로드가 **구조화된 워크플로우를 생성**할 수 있습니다. 소스에서는 이 프레임워크와 같은 곳에 개발 지식을 내장하고 공개적으로 공유함으로써, 과거에는 애플리케이션을 구축할 수 없다고 여겨졌던 **비개발자나 경험이 적은 '바이브 코더'도 이제 전문가가 작성한 가이드 워크플로우를 따를 수 있게 되었다**는 점을 강조합니다. 커서가 생성한 이 완벽한 문서는 비디오 설명에 제공되어 사용자가 바로 워크플로우를 활용할 수 있도록 했습니다.
* **데모**: 분석 및 연구를 위한 1단계가 시연되었습니다. 명령과 플래그를 복사하여 터미널의 클로드 슬래시 메뉴에 붙여넣고, 함께 제공되는 프롬프트를 복사하여 사용자가 필요에 따라 사용자 정의할 수 있음을 보여주었습니다. 클로드는 이를 연구 작업으로 인식하고, 외부 문서를 위한 `context 7`과 같은 도구를 사용하며, 할 일 목록을 만들고, `sequential MCP`를 사용하여 권한을 요청하고 진행합니다. 이는 기본적으로 새로운 것이 아니라 프레임워크 제작자가 미리 패키징해 둔 워크플로우이며, 사용자는 모든 세부 사항을 배울 필요 없이 문서를 생성하고 사용할 수 있습니다.
### 3. 클로드 코드를 위한 웹 기반 GUI 도구
두 번째 도구는 클로드 코드를 위한 **웹 기반 GUI(Graphical User Interface)**입니다. 이전에 '클라우디아(Claudia)'라는 GUI가 있었지만, 이는 더 복잡하고 기능이 풍부하며 뛰어난 인터페이스를 가지고 있었다고 소스에 언급되었습니다. 이 새로운 도구는 완전히 다른 강점을 제공하는데, 바로 **어떤 기기에서도 브라우저를 통해 접근할 수 있는 접근성**입니다.
* **핵심 장점**: 클로드 코드와 프로젝트가 컴퓨터에서 실행되는 동안, 사용자는 모바일 기기의 브라우저를 통해 클로드 코드를 사용할 수 있다는 점입니다. 이는 매우 강력한 기능으로, 소스에서는 집안 어디에서든 휴대전화로 클로드 코드를 사용할 수 있다는 점을 중요한 이점으로 꼽았습니다.
* **설치 및 실행**: 설치는 스크립트를 복사하여 원하는 위치에 붙여넣는 방식으로 매우 간단합니다. 이는 실행 가능한 앱으로, `ls` 명령을 통해 정확한 실행 파일 이름을 확인하고 실행할 수 있습니다. 기본적으로 `localhost 8080`에서 로컬로 실행되지만, 네트워크 기능을 활용하여 **어디서든 접근하려면 다른 명령을 사용**해야 합니다. 이를 위해서는 현재 네트워크의 **IP 주소**가 필요하며, 이는 ChatGPT나 Warp와 같은 도구를 통해 얻을 수 있습니다. IP 주소와 포트 번호를 사용하여 동일한 네트워크에 연결된 모든 기기(모바일, 다른 컴퓨터 등)의 브라우저에서 클로드 코드 웹 UI에 접속할 수 있습니다.
* **사용자 인터페이스**: 웹 UI는 상당히 기본적이고 특별한 기능은 없습니다. 새 디렉토리를 만들거나 기존 프로젝트를 선택할 수 있으며, 기존 프로젝트에서는 클로드 코드와 채팅하여 작업을 시작할 수 있습니다.
* **제한 사항**: 이 웹 GUI에서는 `/commands`와 같은 슈퍼 클로드 구성 명령이 작동하지 않는다는 중요한 제한 사항이 있습니다. 그럼에도 불구하고, 이는 유용하게 활용할 수 있는 도구라고 합니다.
### 4. 슈퍼 클로드 설치 방법
슈퍼 클로드를 설치하려면 해당 GitHub 저장소로 이동해야 합니다.
* **기본 설치**: 저장소의 코드를 복사하여 원하는 위치에 붙여넣어 리포지토리를 시스템에 복제한 다음, 해당 폴더로 이동하여 설치 스크립트를 실행합니다.
* **설치 옵션**: 두 가지 설치 옵션이 있습니다.
* **전역 설치(Global installation)**: 클로드 코드의 모든 인스턴스가 슈퍼 클로드에 접근할 수 있도록 하는 방법입니다. 기존의 `.cloud` 폴더를 먼저 지운 다음 설치 스크립트를 실행해야 합니다.
* **프로젝트별 설치(Project-specific installation)**: 다른 명령을 사용하여 실제 폴더 경로를 지정해야 합니다.
* **중요 사항**: 어떤 폴더를 대상으로 하든, **폴더 경로 끝에 `.claude`를 추가**해야 합니다. 구성 파일은 이 `.claude` 폴더 안에 있어야 합니다.
이러한 도구들은 클로드 코드의 활용성을 크게 확장하고, 개발 경험이 부족한 사용자도 복잡한 개발 워크플로우를 따라갈 수 있도록 돕는 강력한 수단을 제공합니다.