간략한 요약
이 비디오는 AI 에이전트의 능력을 확장하는 데 사용되는 Vercel의 skills.sh 플랫폼에 대해 설명합니다. skills.sh는 AI에게 새로운 기술과 지식을 제공하여 코드 생성, 디자인 가이드라인 준수 등 다양한 작업을 더 효과적으로 수행할 수 있도록 돕습니다.
- skills.sh는 AI 에이전트의 지식을 위한 패키지 매니저 역할을 합니다.
- 설치는 간단하며, 터미널에서 한 줄 명령어로 가능합니다.
- 보안을 위해 공식 벤더 스킬을 우선적으로 사용하고, 설치 전에 코드 확인이 필요합니다.
인트로 — 이거 하나면 AI가 달라집니다
클로드 코드나 커서(Cursor)와 같은 AI 코딩 도구를 사용하는 사람들에게 AI의 기본 상태에서 벗어나 AI를 완전히 다른 존재로 만들 수 있는 방법을 소개합니다. 많은 사용자들이 AI를 통해 코드 생성이나 버그 수정 정도의 기본적인 작업만 수행하고 있지만, skills.sh를 활용하면 AI의 능력을 크게 향상시킬 수 있습니다.
왜 기본 AI로는 부족한가
AI 코딩 도구를 처음 사용할 때는 놀라운 성능에 감탄하지만, 시간이 지날수록 사용자가 원하는 방식대로 프로젝트에 맞게 동작하지 못하는 아쉬움을 느낄 수 있습니다. 기본 AI는 제한된 지식만을 제공하므로, 특정 프로젝트나 작업에 최적화된 결과물을 얻기 어렵습니다.
이미 해결한 사람들이 있다
skills.sh라는 사이트를 통해 이러한 문제를 해결할 수 있습니다. skills.sh를 사용하면 AI에게 리액트 최신 베스트 프랙티스, 웹 디자인 가이드라인, 리모션 영상 제작 방법 등 다양한 지식을 심어줄 수 있습니다. skills.sh를 사용하는 사람과 그렇지 않은 사람 간의 결과물은 큰 차이를 보입니다.
Vercel이 만든 AI 스킬 마켓
Vercel은 올해 1월에 skills.sh를 공식 출시했으며, 현재 설치 수가 폭발적으로 증가하고 있습니다. skills.sh는 AI 에이전트의 지식을 위한 패키지 매니저로, 최고의 스킬은 이미 19만 건 이상 설치되었습니다.
skills.sh가 정확히 뭔가요?
skills.sh는 AI 에이전트에게 새로운 능력을 부여하는 도구입니다. 게임에서 캐릭터에게 스킬북을 먹이는 것처럼, AI에게 특정 상황에서 어떻게 행동해야 하는지를 알려주는 역할을 합니다. 예를 들어, 리액트 프로젝트에서 Vercel의 리액트 프랙티스 스킬을 설치하면 클로드가 서버 컴포넌트 패턴, Next.js 앱 라우터 규칙 등 Vercel이 권장하는 방식대로 코드를 생성합니다.
스킬의 정체 = SKILL.md
스킬은 SKILL.md라는 마크다운 파일로 구성되어 있습니다. 이 파일에는 특정 상황에서 AI가 어떻게 행동해야 하는지에 대한 지침이 포함되어 있으며, AI는 이 파일을 읽고 지침에 따라 작업을 수행합니다.
설치 방법 — 1줄이면 끝
skills.sh 스킬 설치는 매우 간단합니다. 터미널을 열고 특정 명령어를 입력하면 Vercel에서 만든 공식 스킬들이 설치됩니다. 특정 스킬만 설치하고 싶다면, 명령어 뒤에 골뱅이(@) 기호를 붙여 스킬 이름을 지정하면 됩니다. CLI는 사용자가 어떤 에이전트를 사용하는지 감지하고, 그에 맞춰 설치를 진행합니다.
꼭 깔아야 할 인기 스킬 TOP 5
skills.sh에는 다양한 스킬이 존재하며, 그중에서 검증된 스킬들을 추천합니다.
- find-skills (19만 건): AI에게 특정 작업을 수행할 수 있는 스킬을 찾아달라고 요청하면 skills.sh에서 해당 스킬을 찾아 추천해 줍니다.
- React Best Practices: 리액트 또는 Next.js를 사용하는 사람들에게 필수적인 스킬입니다. Vercel 공식 스킬로, 신뢰할 수 있습니다.
- Web Design Guidelines: 웹 디자인 시 AI가 디자인 가이드라인을 준수하도록 돕습니다. UI 제작 시 퀄리티를 향상시키며, Shadcn/ui와 함께 사용하면 좋습니다.
- Remotion Best Practices: Remotion을 사용하여 프로그래밍 방식으로 영상을 제작하는 사람들에게 추천합니다.
- Frontend Design: 프론트엔드 디자인 전반을 다루는 스킬로, 꽤 유용하게 사용할 수 있습니다.
#1 find-skills (19만 건)
AI에게 특정 작업을 수행할 수 있는 스킬을 찾아달라고 요청하면 skills.sh에서 해당 스킬을 찾아 추천해 줍니다.
#2 React Best Practices
리액트 또는 Next.js를 사용하는 사람들에게 필수적인 스킬입니다. Vercel 공식 스킬로, 신뢰할 수 있습니다.
#3 Web Design Guidelines
웹 디자인 시 AI가 디자인 가이드라인을 준수하도록 돕습니다. UI 제작 시 퀄리티를 향상시키며, Shadcn/ui와 함께 사용하면 좋습니다.
#4 Remotion Best Practices
Remotion을 사용하여 프로그래밍 방식으로 영상을 제작하는 사람들에게 추천합니다.
#5 Frontend Design
프론트엔드 디자인 전반을 다루는 스킬로, 꽤 유용하게 사용할 수 있습니다.
실전 사이트 탐색하기
skills.sh 사이트에서 트렌딩 스킬과 인기 스킬을 확인할 수 있습니다. 카테고리별로 스킬을 탐색하거나 검색을 통해 원하는 스킬을 찾을 수 있습니다. 스킬을 클릭하면 설명과 설치 명령어가 제공되므로, 복사하여 터미널에 붙여넣기만 하면 됩니다.
실전 설치 시연
find-skills 스킬을 설치하는 과정을 시연합니다. 설치 후 클로드에게 필요한 스킬을 찾아달라고 요청하면 AI가 skills.sh를 검색하여 추천해 줍니다.
⚠️ 보안 주의사항
skills.sh에 올라온 스킬을 아무거나 설치하면 안 됩니다. 커뮤니티 제출 스킬 중에는 품질이 떨어지는 것들이 많고, 심지어 보안 이슈가 있는 경우도 있습니다. 일부 스킬에서 숨겨진 악성 명령어가 발견된 적도 있습니다.
안전 규칙 3가지
안전하게 skills.sh를 사용하기 위한 세 가지 규칙을 제시합니다.
- 공식 벤더 스킬 우선: Vercel, Anthropic, 프레임워크에서 만든 공식 스킬부터 사용합니다.
- 설치 수 확인: 많이 설치된 스킬은 그만큼 검증된 것으로 간주할 수 있습니다.
- 코드 확인: 스킬.md 내용을 직접 읽어보고 수상한 내용이 없는지 확인합니다.
오늘 내용 총정리
오늘 다룬 내용을 요약합니다.
- skills.sh는 AI 에이전트에게 새로운 능력을 제공하는 스킬 마켓 플레이스입니다.
- Vercel에서 만들었으며, 완전 무료 오픈 소스입니다.
- 설치는
MPX skills.sh add한 줄로 끝납니다. - 클로드, 커서, 코파일럿 등 18개 이상의 에이전트를 지원합니다.
- 보안에 신경 써서 공식 벤더 스킬을 우선적으로 사용하고, 설치 전에 코드를 확인해야 합니다.
마무리 & 다음 영상 예고
skills.sh는 AI를 범용 도구에서 전문가로 업그레이드하는 가장 쉬운 방법입니다. 다음 영상에서는 skills.sh 인기 스킬들을 실전 리뷰하면서 어떤 스킬을 설치해야 하는지 솔직하게 평가할 예정입니다.
