1. 슈퍼클로드: 클로드 코드의 성능을 극대화하는 도구 [0]

thumbnail 슈퍼클로드는 클로드 코드의 기능을 확장하고 AI의 작업 효율을 극대화하는 도구이다.

1.1. 슈퍼클로드 소개 및 기능 [0]

  1. 슈퍼클로드란? [0]
    1. 클로드 코드의 성능을 한층 업그레이드하는 도구이다. [0]
    2. 개발에 필요한 다양한 명령어를 제공한다. [3]
  2. 주요 기능 [4]
    1. 클로드 코드 명령어 입력 시 슬래시 SC를 입력하면 나타나는 17가지 명령어를 제공한다. [4]
    2. 사용자가 직접 입력하여 사용할 수 있는 다양한 플래그를 제공한다. [4]
    3. 플래그에는 인기 있는 MCP를 불러오거나 페르소나를 지정하는 기능이 포함된다. [5]
    4. 각 명령어와 플래그에 대한 상세한 정의가 제공되어 학습에 도움이 된다. [6]

1.2. 슈퍼클로드 사용 예시: 요청 게시판 추가 [8]

  1. 증명서 발급 사이트 기능 개선 [9]
    1. 각종 증명서 발급 페이지를 연동하여 증명서를 편리하게 발급받을 수 있는 사이트를 예시로 사용한다. [9]
    2. 사이트 방문자가 요청 사항을 남길 수 있는 공간을 페이지 하단에 추가하는 기능을 구현한다. [11]
  2. implement 명령어 활용 [12]
    1. 클로드 코드 명령어 입력창에 SC를 입력하고 implement 명령어를 선택한다. [12]
    2. implement 명령어는 새로운 기능을 추가할 때 사용된다. [12]
    3. 요청 사항을 실시간으로 남기고 지울 수 있는 심플한 공간을 페이지 하단에 추가하도록 지시한다. [14]
    4. 명령어 마지막에 --persona frontend --seq 플래그를 추가하여 프런트엔드 전문가 페르소나와 Sequential Thinking MCP 사용을 지시한다. [14]
  3. 플래그 자동 적용 및 사용법 [16]
    1. 사용자가 직접 플래그를 지정하지 않아도 슈퍼클로드가 가장 적합한 플래그를 자동으로 적용한다. [16]
    2. 초반에는 플래그 없이 사용해보고, 필요시 추가하여 사용하는 것을 권장한다. [17]
  4. 작업 결과 확인 [18]
    1. 명령어를 입력하면 지정한 MCP를 사용할지 묻고, 사용자는 번호를 눌러 진행한다. [19]
    2. 작업 완료 후 개발 서버를 실행하면 페이지 하단에 요청 게시판이 성공적으로 추가된 것을 확인할 수 있다. [21]
    3. "프롬프트 자격증 추가해 주세요", "AI 영상 자격증 추가해 주세요"와 같은 요청 사항을 입력하고 삭제하는 기능이 정상 작동함을 확인한다. [23]

1.3. 슈퍼클로드 설치 방법 [27]

  1. 윈도우 설치 [28]
    1. 사전 준비물: 파이썬과 Git을 설치해야 한다. [29]
    2. 설치 명령어: 공식 문서의 방법으로 설치 시 오류가 발생하므로 별도로 준비된 설치 명령어를 사용한다. [31]
    3. 설치 과정:
      1. 파워쉘을 실행하고 복사한 설치 명령어를 붙여넣어 다운로드한다. [32]
      2. 슈퍼클로드 설치 명령어를 다시 붙여넣고, 세 가지 옵션 중 1번을 선택한 후 Y를 두 번 입력하여 설치를 완료한다. [36]
    4. 설치 확인: 클로드에 접속하여 SC를 입력하면 슈퍼클로드 전용 명령어가 나타난다. [38]
  2. WSL 및 맥 설치 [40]
    1. 설치 가이드 페이지에서 옵션 B의 코드를 복사하여 터미널에 붙여넣어 슈퍼클로드를 다운로드한다. [40]
    2. 다운로드 완료 후, python3으로 시작하는 코드를 복사하여 터미널에 입력하면 설치가 완료된다. [41]
    3. 사용된 명령어들은 노션 페이지에 정리되어 있어 복사하여 설치를 진행할 수 있다. [42]

1.4. MCP 연동 및 문제 해결 [43]

  1. MCP 연동 지원 [43]
    1. 슈퍼클로드는 네 가지 유명한 MCP와의 연동을 지원한다. [43]
    2. 네 가지 MCP를 한 번에 설치할 수 있는 명령어가 별도로 준비되어 있다. [44]
  2. MCP 설치 및 연동 문제 (윈도우) [45]
    1. 페이지 상단의 MCP 설치 명령어를 복사하여 터미널에 붙여넣으면 MCP가 한 번에 설치된다. [45]
    2. 설치 후 클로드를 실행하고 /MCP를 입력하면 설치된 MCP 목록을 확인할 수 있다. [46]
    3. 윈도우 환경에서는 설치는 되지만 연동이 제대로 되지 않는 문제가 발생할 수 있다. [48]
  3. 윈도우 MCP 연동 문제 해결 방법 [50]
    1. 문제는 MCP 서버가 CMDC로 래핑되지 않아 발생하는 것으로 진단된다. [51]
    2. 코드 적용 파일 위치를 찾아 해당 파일 내부의 MCP 목록을 확인한다. [52]
    3. Sequential Thinking에서 MPX를 CMDC로 변경한다. [54]
    4. ARGS가 포함된 열에서 줄바꿈을 하고, 제공된 코드와 동일하게 입력하여 연동을 완료한다. [55]
    5. Magic과 Playwright MCP도 동일한 구조이므로, 수정된 부분을 복사하여 덮어씌우면 연동된다. [56]
  4. 연동 확인 [59]
    1. 클로드 코드를 재실행하고 /MCP를 입력하면 네 가지 MCP가 모두 잘 연동되는 것을 확인할 수 있다. [59]

1.5. 클로드 코드 어시스턴트 확장 프로그램 개발 [61]

  1. 클로드 코드 어시스턴트 소개 [61]
    1. CLI 명령어 입력에 익숙하지 않은 사용자를 위해 명령어를 쉽게 입력할 수 있도록 돕는 확장 프로그램이다. [61]
    2. 현재는 WSL과 윈도우에서만 지원된다. [61]
  2. 맥 버전 개발 요청 및 작업 내용 [62]
    1. 맥에서도 사용할 수 있도록 해달라는 요청을 받아 맥 버전 개발 작업을 진행한다. [62]
    2. 명령어를 붙여넣고 컨트롤 엔터를 눌러 작업을 시작한다. [63]
    3. build 명령어를 사용하여 맥 버전 전용 클로드 코드 어시스턴트 확장 프로그램을 만든다. [64]
    4. 작업 내용은 "클로드 코드 어시스턴트는 현재 윈도우와 WSL에서만 작동하는데 맥에서도 이용할 수 있도록 맥 버전 전용으로 만들고 싶다"는 요청을 그대로 반영한다. [65]
    5. 마지막에 설치한 Context 7 MCP와 Sequential Thinking MCP를 사용하도록 플래그를 추가한다. [66]
  3. MCP 동시 사용 [67]
    1. 한 번에 두 개 이상의 MCP를 함께 사용할 수 있다. [67]
    2. Context 7 MCP는 AI 작업 시 최신 정보를 제공하여 더 스마트한 작업을 돕는다. [68]
  4. 작업 결과 및 MCP 협업 확인 [69]
    1. 명령어를 입력하면 잠시 후 맥 전용 클로드 코드 어시스턴트 확장 프로그램이 완성된다. [70]
    2. 작업 내역을 보면 Sequential Thinking이 Context 7을 통해 VS 확장 개발 정보를 찾아보고, Context 7이 해당 정보를 찾아 Sequential Thinking에게 제공하는 과정을 확인할 수 있다. [71]
    3. 두 개의 MCP가 서로 정보를 주고받으며 작업을 수행하는 것이 가능하다. [74]

1.6. 슈퍼클로드를 활용한 워크플로우 생성 [75]

  1. 책과정원 홈페이지 기능 구축 요청 [75]
    1. 현재 랜딩 페이지 역할만 하는 홈페이지에 회원 가입 기능과 페이먼트 기능을 구축하는 방법을 슈퍼클로드를 이용해 질문한다. [75]
  2. workflow 명령어 활용 [77]
    1. workflow 명령어를 사용하여 요청 내용에 대한 워크플로우를 생성한다. [78]
    2. 최소한의 정보("회원 관리 시스템 구현 및 토스 페이먼츠 연동")만으로 얼마나 구체적인 워크플로우를 생성하는지 확인한다. [79]
    3. 더 나은 답변 품질을 위해 Context 7과 Sequential Thinking 플래그를 추가한다. [80]
  3. 워크플로우 결과 및 활용 [81]
    1. 명령어를 입력하면 상세한 워크플로우를 제공받는다. [81]
    2. 워크플로우에는 구현 순서, 각 작업에 소요되는 시간 등이 포함된다. [83]
    3. 답변 마지막에 워크플로우를 바탕으로 어떤 부분부터 시작할지 질문하며, 이를 통해 작업을 이어 나갈 수 있다. [84]

1.7. 슈퍼클로드의 구조 및 커스터마이징 가능성 [85]

  1. 슈퍼클로드의 작동 방식 및 문서 구조 [85]
    1. 슈퍼클로드의 주요 문서는 클로드 최상위 폴더 안에 모두 포함되어 있다. [86]
    2. MCP 플래그, 커맨드 등에 대한 정의가 포함되어 있으며, 커맨드 폴더 내 각 명령어는 MD 파일로 정의되어 있다. [87]
    3. 명령어 이름을 챗과장으로 변경하고 SC 입력 후 챗과장으로 명령어를 실행하는 등 커스터마이징이 가능하다. [88]
  2. 나만의 확장 프로그램 개발 및 커스터마이징 [89]
    1. 슈퍼클로드의 구조를 참조하여 나만의 확장 프로그램을 만들 수 있다. [89]
    2. 슈퍼클로드를 커스터마이징하여 사용할 수도 있다. [90]
    3. 손이 많이 가는 작업이지만, 한 번 제대로 세팅하면 모든 작업에 유용하게 활용될 수 있는 보조 도구가 될 수 있다. [91]