Cursor 통합 가이드
Cursor AI에서 Agent Skills를 사용하기 위한 단계별 가이드.
Cursor AI 통합
Cursor는 AI 기반의 가장 인기 있는 코드 에디터 중 하나입니다. Agent Skills 표준을 완전히 지원하여 기능을 즉시 확장할 수 있습니다.
요구사항
- 머신에 Cursor AI가 설치되어 있어야 함
- Node.js 18+와 npm/pnpm이 설치된 터미널
설치 방법
방법 1: CLI 사용 (권장)
Cursor에 스킬을 추가하는 가장 쉬운 방법은 npx 명령어를 사용하는 것입니다:
npx agent-skills install vercel-labs/agent-skills/web-design-guidelines이 명령은:
- GitHub에서 스킬 다운로드
- SKILL.md 매니페스트 추출
- 스킬을 사용하도록 Cursor 설정
방법 2: 수동 설정
수동으로 설정하려면:
-
매니페스트 URL 복사:
https://raw.githubusercontent.com/vercel-labs/agent-skills/main/skills/web-design-guidelines/SKILL.md -
Cursor 설정 열기:
Cmd + ,(Mac) 또는Ctrl + ,(Windows/Linux) 누르기- Features → Agent로 이동
-
커스텀 스킬 추가:
- "Custom Skills" 섹션에 매니페스트 URL 붙여넣기
- "Add Skill" 클릭
-
변경사항을 적용하려면 Cursor 재시작.
채팅에서 스킬 사용하기
설치 후, 채팅에서 스킬을 호출할 수 있습니다:
@skill-name 반응형 랜딩 페이지 디자인을 도와주세요Cursor가 자동으로 스킬의 컨텍스트를 로드하고 맞춤형 지원을 제공합니다.
Cursor에서 인기 있는 스킬
| 스킬 | 설명 | 설치 명령어 |
|---|---|---|
| React Best Practices | Vercel의 React 규칙 | npx agent-skills install vercel-labs/agent-skills/vercel-react-best-practices |
| Web Design Guidelines | 모던 UI/UX 원칙 | npx agent-skills install vercel-labs/agent-skills/web-design-guidelines |
| Frontend Design | Anthropic의 디자인 패턴 | npx agent-skills install anthropics/skills/frontend-design |
문제 해결
스킬이 작동하지 않나요?
- Cursor 버전 확인: 스킬을 완전히 지원하는 Cursor 0.35+를 실행 중인지 확인.
- 설치 확인:
npx agent-skills list를 실행하여 설치된 스킬 확인. - 캐시 지우기:
npx agent-skills clear-cache를 시도하고 재설치.
권한 문제
권한 오류가 발생하면:
# 필요한 경우 sudo 사용 (비권장)
sudo npx agent-skills install <skill-name>
# 또는 npm 권한 수정
npm config set prefix ~/.npm-global