클로드·코덱스에 무엇을 연결할까: 스킬·MCP 4가지의 설치와 첫 요청

AI에 도구를 더 붙이기 전에, 지금 어디에서 일이 멈추는지부터 보기로 했습니다. 최신 개발 문서를 찾아야 하는 일과 웹 화면이 잘리는지 보는 일, 작업 순서를 정하는 일은 필요한 연결이 달랐습니다.

그래서 공식 저장소를 읽으며 스킬과 MCP 네 가지를 용도별로 골랐습니다. 이 글은 2026년 9월 24일에 조사한 설치 경로와 첫 요청 예시를 남긴 기록입니다. 모든 도구를 설치해 같은 조건에서 비교한 사용 후기는 아니며, GitHub 별 수를 성능 점수로 보지도 않았습니다.

확인 기준: 2026년 9월 24일 · 공식 저장소와 제품 문서를 대조했습니다. 아래 활용 사례는 따라 해 볼 수 있도록 만든 예시이며, 모든 도구를 동일 환경에서 설치·성능 비교한 실험 후기는 아닙니다.

스킬·MCP·플러그인, 무슨 차이일까?

스킬은 AI가 참고하는 업무 매뉴얼입니다. 예를 들어 “자료를 확인하고, 초안을 만들고, 빠진 내용을 검사하라”는 절차와 필요한 스크립트를 묶습니다. MCP는 AI와 도구 사이의 연결 규격입니다. 커넥터는 외부 서비스와 연결하는 기능을 가리키는 넓은 표현이며, 그 구현에 MCP를 사용할 수 있습니다.

플러그인은 스킬이나 MCP 연결 등을 담아 설치하기 쉽게 만든 묶음입니다. 따라서 스킬과 MCP가 경쟁하는 관계는 아닙니다. 같은 제품이 둘을 함께 제공하기도 합니다. OpenAI 공식 플러그인 구조 안내

어떤 기준으로 인기 도구를 골랐나?

GitHub의 누적 별 수, 제공 주체, 설치 안내, 해결하는 문제를 함께 봤습니다. 별은 관심 표시이므로 다운로드 수나 성능 순위와 다릅니다. 아래는 급상승 순위를 측정한 결과가 아닌, 조회 시점에 관심이 많이 모인 도구의 선별 목록입니다.

별 수는 2026-09-24 조회 페이지의 반올림 값이며 계속 변합니다. Superpowers는 조회 당시 최신 릴리스가 v6.4.1로 표시되어 있었고 실행·검토 절차 개선이 기록돼 있었습니다. 릴리스 기록

설치 전: 명령어를 어디에 입력하나요?

이 글은 Claude Code 또는 Codex가 이미 설치되고 로그인된 상태를 출발점으로 합니다. 웹 채팅창, Claude Code 입력창, PowerShell은 서로 다른 곳입니다.

• PowerShell·터미널: npx, claude mcp, codex mcp로 시작하는 명령을 실행합니다.
• Claude Code 입력창: /plugin 같은 슬래시 명령을 입력합니다.
• Codex 앱: Plugins 메뉴에서 찾거나, Codex CLI 안에서 /plugins를 엽니다. 표시되는 항목은 버전과 계정에 따라 다를 수 있습니다.

Context7 CLI와 Playwright MCP는 공식 안내상 Node.js 18 이상이 필요합니다. 새로 준비한다면 Node.js 공식 다운로드에서 지원되는 LTS 버전을 선택하세요. 아래 확인 명령은 PowerShell에서 실행합니다.

node --version
npx --version

버전이 표시되면 다음 단계로 갑니다. “명령을 찾을 수 없습니다”가 나오면 Node.js 설치와 터미널 재시작부터 확인하세요. 설치 명령의 첫 실행에서는 패키지를 내려받을지 묻는 화면이 나올 수 있습니다. 출처와 패키지 이름을 확인한 뒤 진행합니다.

Context7: AI가 오래된 사용법을 말할 때

왜 필요한가: 개발 도구는 버전이 바뀌면 함수와 설정 방식도 달라집니다. Context7은 라이브러리 문서와 예제를 찾아 AI에게 전달합니다. 코드를 만들기 전에 근거 문서를 함께 보게 하는 용도입니다.

설치 방법

Claude Code 사용자: PowerShell에서 다음 설정 도우미를 실행하고 Claude 대상과 MCP 또는 CLI+Skills 중 사용할 방식을 선택합니다.

npx ctx7 setup

공식 설정 도우미는 OAuth 인증과 API 키 생성, 대상 도구 설정을 안내합니다. 둘을 모두 깔 필요는 없습니다. Codex CLI 사용자는 OpenAI 공식 문서에 나온 다음 MCP 등록 예시를 사용할 수 있습니다.

codex mcp add context7 -- npx -y @upstash/context7-mcp
codex mcp list

API 키는 더 높은 요청 한도에 권장되며, 계정과 사용량 조건은 서비스 안내를 확인하세요. 이미 등록돼 있다면 같은 이름으로 또 추가하지 않습니다. Context7 설치 안내 · Codex 공식 MCP 안내

첫 요청과 활용 사례

Context7으로 내 프로젝트의 Next.js 버전에 맞는 라우팅 문서를 찾아줘. 출처 링크와 간단한 예제를 먼저 보여주고, 파일은 아직 수정하지 마.

성공 확인: 답변에 대상 버전과 출처가 있고, 실제 문서 조회 도구를 사용했는지 봅니다. 새 로그인 기능이나 배포 설정을 만들기 전에 쓰기 좋습니다. 문서를 가져왔더라도 내 프로젝트에 맞는지는 별도 테스트가 필요합니다.

Playwright MCP: “고쳤다”는 화면을 직접 확인할 때

왜 필요한가: 코드를 읽는 것과 실제 화면에서 버튼을 누르는 것은 다릅니다. Playwright MCP는 브라우저의 페이지 구조를 읽고 클릭·입력 등을 수행합니다. 홈페이지 메뉴나 신청 화면의 흐름을 확인하는 데 쓸 수 있습니다.

설치 방법

PowerShell에서 본인이 쓰는 도구에 해당하는 한 줄만 실행합니다.

# Claude Code
claude mcp add playwright npx @playwright/mcp@latest

# Codex CLI
codex mcp add playwright -- npx @playwright/mcp@latest

새 세션에서 연결을 확인합니다. 브라우저 실행 파일이 없다는 오류가 나오면 해당 도구가 안내하는 브라우저 설치 단계를 따르세요. 기존 개인 브라우저의 로그인 상태가 자동으로 전달되는 것으로 생각하면 안 됩니다. Microsoft 공식 설치 안내

첫 요청과 활용 사례

Playwright로 https://ninetosixlab.com/ 을 열고 공개 메뉴 링크가 올바른 페이지로 연결되는지 확인해줘. 문제가 있으면 클릭한 메뉴, 도착 주소, 화면에 보인 오류를 표로 정리해줘. 폼 제출은 하지 마.

성공 확인: 단순히 “정상”이라고 답하는지보다 실제 방문 주소와 화면에서 확인한 근거가 있는지 봅니다. 회원가입은 테스트 환경에서 재현하고, 공개 홈페이지에서는 우선 읽기와 이동부터 확인하면 됩니다.

코딩 에이전트용으로는 Microsoft가 CLI+Skills 방식도 안내합니다. 이미 브라우저 도구가 있다면 중복 설치보다 필요한 기능이 빠져 있는지 먼저 확인하세요.

Superpowers: AI 개발 작업의 순서를 잡을 때

왜 필요한가: 한 번에 큰 기능을 맡기면 요구사항 확인이나 테스트가 빠지기 쉽습니다. Superpowers는 설계·계획·구현·검토를 스킬로 묶은 커뮤니티 프로젝트입니다. 여러 AI 제품을 지원하지만, 설치만으로 서로 다른 앱의 대화가 자동 공유되는 것은 아닙니다.

설치 방법

Claude Code 안의 입력창에서 실행합니다. PowerShell에 직접 붙여 넣는 명령이 아닙니다.

/plugin install superpowers@claude-plugins-official

Codex 앱에서는 Plugins에서 Superpowers를 찾아 설치합니다. Codex CLI에서는 /plugins → Superpowers 검색 → Install Plugin 순서입니다. 설치 안내를 마친 뒤 새 작업에서 사용하세요. 항목이 보이지 않으면 저장소의 플랫폼별 최신 안내를 확인합니다. Superpowers 공식 프로젝트 설치 안내

첫 요청과 활용 사례

Superpowers로 블로그 검색 기능 개선 계획을 세워줘. 수정 범위는 검색 화면으로 제한하고, 요구사항·작업 순서·완료 확인 방법을 먼저 작성해줘. 디자인을 합의한 뒤 구현하자.

성공 확인: 범위와 완료 기준이 적힌 계획이 나오는지 봅니다. 개발과 리뷰를 나누기 좋지만 한 줄 문구 수정까지 복잡한 절차로 만들 필요는 없습니다. 병렬 실행과 반복 검토는 AI 사용량을 늘릴 수 있으므로 작업 크기에 맞춰 선택합니다.

Anthropic 문서 스킬: 파일로 완성해야 할 때

왜 필요한가: “보고서 써줘”라는 답변을 받은 뒤 Word나 PPT에 다시 옮기는 일이 번거로울 수 있습니다. Anthropic의 공개 스킬 저장소에는 DOCX·PDF·PPTX·XLSX 작업 예제가 있습니다. 문서 형식에 맞는 처리 절차를 AI가 참고하게 합니다.

설치 방법 — Claude Code 기준

Claude Code 입력창에서 아래 두 명령을 순서대로 실행합니다.

/plugin marketplace add anthropics/skills
/plugin install document-skills@anthropic-agent-skills

이 명령을 Codex에 그대로 입력하는 것은 아닙니다. 각 제품의 설치 방식을 구분하세요. 문서 스킬은 소스 공개와 자유로운 재배포의 의미가 같지 않으므로, 다른 서비스에 복제해 배포하려면 개별 라이선스도 확인합니다. Anthropic 공식 저장소

첫 요청과 활용 사례

document-skills의 PPTX 스킬을 사용해 첨부한 공개 서비스 소개를 5장짜리 발표 자료로 만들어줘. 한 장에 메시지는 하나, 표는 단순하게 구성하고 결과를 PPTX 파일로 저장해줘. 원본 자료에 없는 수치는 넣지 마.

성공 확인: 결과 파일을 실제로 열어 글자 잘림, 표 크기, 폰트와 페이지 순서를 확인합니다. 발표 초안과 사용 안내서에 활용할 수 있지만, 원본 수치의 정확성까지 자동 보장하는 것은 아닙니다.

설치했는데 AI가 안 쓸 때 확인할 것

MCP 등록 목록은 PowerShell에서 claude mcp list 또는 codex mcp list로 확인할 수 있습니다. 목록에 있어도 인증·서버 실행·요청 성공은 별도입니다. 막히면 “어떤 앱에서, 어느 명령을 실행했고, 어떤 오류가 나왔는지”를 함께 전달하세요.

GitHub 업무와 다른 커넥터도 필요하다면

GitHub 공식 MCP Server는 저장소·이슈·PR 업무를 연결하는 후보입니다. 예를 들어 “이 저장소에서 미해결 오류 이슈를 찾아 중복을 묶어줘”처럼 활용할 수 있습니다. 계정 연결과 접근 권한이 필요하므로 공개 페이지를 여는 브라우저 도구와 설치 조건이 다릅니다. Claude용 공식 설치 안내에서 자신의 클라이언트와 인증 방식에 맞는 절차를 선택하세요.

추가 탐색은 Awesome MCP Servers, Codex 구성 예제는 OpenAI Plugins에서 볼 수 있습니다. 예전에 많이 소개된 openai/skills는 조회 당시 사용 중단 안내와 새 저장소 링크가 있으므로, 오래된 설치 글보다 현재 README를 우선하세요.

오늘은 이렇게 하나만 써보세요

개발 중이면 Context7으로 문서 한 개, 홈페이지를 운영한다면 Playwright로 메뉴 한 개, 문서 작업이 많다면 파일 한 개부터 확인해 보세요. 반복해서 시간을 쓰던 일을 실제로 줄여주는지 본 뒤 다음 도구를 추가하면 됩니다.

나인투식스랩의 게임·홈페이지 작업에 적용할 예시로는 “담당 범위 정리 → 버전별 문서 확인 → 구현 → 브라우저에서 확인” 흐름을 생각할 수 있습니다. 도구 이름을 길게 나열하는 것보다, 각 단계에서 받아야 할 결과를 명확히 하는 편이 좋습니다.

복사해서 쓰는 요청 틀

[도구 이름]을 사용해서 [문제]를 해결해줘.
대상: [주소 / 파일 / 프로젝트와 버전]
범위: [조회만 / 수정할 파일과 기능]
완료 기준: [출처 / 실제 동작 / 열리는 결과 파일]
확인하지 못한 부분은 따로 적어줘.

설치 자체가 무료여도 AI 구독·API 호출·외부 서비스 사용료가 함께 무료라는 뜻은 아닙니다. 처음에는 작은 작업으로 결과와 사용량을 확인하세요.

함께 읽기: 클로드 코드와 코덱스 연결하기: 초보자용 AI 협업 실전 가이드

글·도식: James K / 나인투식스랩 · 링크는 각 제공사의 공식 문서와 저장소입니다. 설치 메뉴·명령·요금 조건은 변경될 수 있어 각 절의 원문 링크를 함께 남겼습니다.