Hướng dẫn tích hợp Cursor

Tích hợp Cursor AI

Cursor là một trong những trình soạn thảo code được hỗ trợ AI phổ biến nhất. Nó hỗ trợ đầy đủ tiêu chuẩn Agent Skills, cho phép bạn mở rộng khả năng ngay lập tức.

Yêu cầu

• Cursor AI đã được cài đặt trên máy của bạn
• Terminal với Node.js 18+ và npm/pnpm

Phương pháp cài đặt

Phương pháp 1: Sử dụng CLI (Khuyến nghị)

Cách dễ nhất để thêm skills vào Cursor là thông qua lệnh npx:

npx agent-skills install vercel-labs/agent-skills/web-design-guidelines

Lệnh này sẽ:

1. Tải skill từ GitHub
2. Trích xuất manifest SKILL.md
3. Cấu hình Cursor để sử dụng skill

Phương pháp 2: Cấu hình thủ công

Nếu bạn thích cài đặt thủ công:

1. Sao chép URL Manifest:

   https://raw.githubusercontent.com/vercel-labs/agent-skills/main/skills/web-design-guidelines/SKILL.md

2. Mở Cài đặt Cursor:

   • Nhấn Cmd + , (Mac) hoặc Ctrl + , (Windows/Linux)
   • Điều hướng đến Features → Agent

3. Thêm Skill tùy chỉnh:

   • Dán URL manifest vào phần "Custom Skills"
   • Nhấp "Add Skill"

4. Khởi động lại Cursor để áp dụng thay đổi.

Sử dụng Skills trong Chat

Sau khi cài đặt, bạn có thể gọi skill bằng cách đề cập trong chat:

@skill-name Giúp tôi thiết kế một landing page responsive

Cursor sẽ tự động tải context của skill và cung cấp hỗ trợ phù hợp.

Skills phổ biến cho Cursor

Xử lý sự cố

Skill không hoạt động?

1. Kiểm tra phiên bản Cursor: Đảm bảo bạn đang chạy Cursor 0.35+ có hỗ trợ đầy đủ skill.
2. Xác minh cài đặt: Chạy npx agent-skills list để xem các skills đã cài đặt.
3. Xóa cache: Thử npx agent-skills clear-cache và cài đặt lại.

Vấn đề quyền truy cập

Nếu bạn gặp lỗi quyền:

# Sử dụng sudo nếu cần (không khuyến nghị)
sudo npx agent-skills install <skill-name>

# Hoặc sửa quyền npm
npm config set prefix ~/.npm-global

Bước tiếp theo

• Tạo Skill của riêng bạn
• Duyệt tất cả Skills
• Tích hợp Windsurf