처음이라면 무조건 클로드 코드 최고의 스킬 5개 설치 가이드
하루 6시간 만에AI 기초부터 나만의
서비스까지 완성
Quick Start
클로드 코드 프로젝트 폴더에서 설치 명령 5줄을 실행합니다. agent-browser 는 브라우저 조작 프로그램을 설치하는 한 줄이 더 필요합니다. 스킬은 프로젝트의 .claude/skills/ 폴더에 들어가고, 클로드 코드를 다시 열면 필요한 순간에 알아서 불러 씁니다.
- 프로젝트 폴더에서 터미널을 엽니다(Node.js 필요).
- 아래 STEP 2의 설치 명령을 차례로 붙여 넣습니다.
npx skills ls로 설치된 목록을 확인하고 클로드 코드를 다시 시작합니다.
| # | 스킬 | 하는 일 | 공식 페이지 |
|---|---|---|---|
| 1 | agent-browser | 클로드가 직접 브라우저를 열고 클릭·입력·텍스트 수집·확인까지 합니다 | GitHub · skills.sh |
| 2 | find-skills | “이런 거 하는 스킬 있어?”라고 물으면 스킬 목록을 검색해 맞는 것을 찾고 설치까지 안내합니다 | GitHub · skills.sh |
| 3 | GSD Core | 긴 작업을 논의→계획→실행→검증→배포 단계로 쪼개 대화가 길어져도 흐름을 덜 잃도록 돕습니다 | GitHub |
| 4 | Taste (design-taste-frontend) | 뻔한 AI 디자인 패턴을 피하고 레이아웃·모션·여백을 다듬은 화면을 만들게 합니다 | GitHub · skills.sh · tasteskill.dev |
| 5 | MCP Builder | 연결하고 싶은 서비스의 MCP 서버를 만드는 과정을 단계별로 안내합니다(Anthropic 공식) | GitHub · skills.sh |
STEP 1 · 1분프로젝트 폴더에서 터미널을 연다
스킬을 쓸 프로젝트 폴더에서 터미널을 엽니다. npx를 쓰므로 Node.js가 설치되어 있어야 합니다. 아래 명령은 모두 프로젝트 안(.claude/)에만 설치되고 다른 프로젝트에는 영향을 주지 않습니다.
STEP 2 · 3분설치 명령 5줄을 실행한다
한 줄씩 붙여 넣고 실행합니다. 스킬 4개는 skills CLI(npx skills add)로, GSD Core는 자체 설치 프로그램으로 설치합니다.
npx skills add vercel-labs/agent-browser -s agent-browser -a claude-code -y
npx skills add vercel-labs/skills -s find-skills -a claude-code -y
npx @opengsd/gsd-core@latest --claude --local
npx skills add Leonxlnx/taste-skill -s design-taste-frontend -a claude-code -y
npx skills add anthropics/skills -s mcp-builder -a claude-code -y
성공하면 스킬마다 ✓ 스킬이름 (copied)가, GSD Core는 Done!과 함께 /gsd-new-project 안내가 나옵니다. agent-browser는 스킬과 별개로 브라우저를 조작하는 CLI가 필요합니다. 공식 안내대로 npm install -g agent-browser 후 agent-browser install을 한 번 실행합니다.
STEP 3 · 1분설치를 확인하고 쓰기 시작한다
설치된 목록을 확인하고 클로드 코드를 다시 시작합니다.
npx skills ls
성공하면 agent-browser·design-taste-frontend·find-skills·mcp-builder 4개가 목록에 보입니다. 나머지는 평소처럼 말로 시키면 됩니다. 예를 들어 “이 페이지 열어서 로그인 버튼이 보이는지 확인해줘”(agent-browser), “PDF 다루는 스킬 있어?”(find-skills), “이 랜딩 페이지 밤티 안 나게 다시 짜줘”(Taste), “노션을 클로드랑 연결하는 MCP 서버 만들어줘”(MCP Builder)처럼 요청합니다.
알아 둘 한계
- GSD Core는 컨텍스트가 차면서 품질이 떨어지는 문제를 새 컨텍스트의 하위 에이전트로 작업을 나눠 줄이도록 설계된 도구입니다. 길을 잃는 일이 완전히 없어진다고 보장하지는 않습니다.
- MCP Builder는 MCP 서버를 만드는 가이드 스킬입니다. 연결에 걸리는 시간은 서비스의 API와 인증 방식에 따라 다르고, API 키가 필요한 서비스도 있습니다.
- 설치 수(skills.sh 누적)는 2026년 9월 28일 기준으로 find-skills 3.6M, agent-browser 954.8K, design-taste-frontend 525.0K, mcp-builder 119.1K입니다. 시점에 따라 바뀝니다.
- 스킬은 에이전트 권한으로 실행됩니다. 설치 전에 공식 저장소의 SKILL.md를 한 번 읽어 보세요.
- 영상 속 화면은 2026년 9월 28일 빈 프로젝트에서 위 명령을 실제로 실행한 터미널과, agent-browser가 실제로 조작한 skills.sh·GitHub 페이지 녹화입니다. 명령 옵션은 각 도구 업데이트로 달라질 수 있습니다.
FAQ
GSD Core는 왜 npx skills ls 목록에 없나요? GSD Core는 스킬 목록이 아니라 /gsd- 명령으로 설치됩니다. 클로드 코드에서 /gsd-new-project(새 프로젝트) 또는 /gsd-onboard(기존 코드)로 시작합니다.
get-shit-done(GSD)과 GSD Core는 다른 도구인가요? GSD가 이름과 주소를 옮긴 것입니다. 원래 저장소(gsd-build/get-shit-done)는 보관 처리되어 “GSD Has Moved” 안내만 남아 있고, npm의 get-shit-done-cc 패키지는 지원 종료로 표시됩니다. 현재는 GSD Core(@opengsd/gsd-core)로 이어집니다.
공식 참고 자료
설치 명령과 출력, GSD 저장소·npm 패키지 상태는 2026년 9월 28일에 직접 실행하고 열어 확인한 내용입니다.
함께 보면 좋은 글
- 혼자 개발할 때 무조건 챙길 클로드 필수 스킬 4개 설치 가이드
- 99%가 모르는 클로드 스킬 5개 세팅 지도
- 클로드 코드 입문 — 기초부터 스킬·커맨드·MCP까지
- 클로드 디자인 스킬 2개 링크