Cursor 統合ガイド

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

このコマンドは：

1. GitHub からスキルをダウンロード
2. SKILL.md マニフェストを抽出
3. スキルを使用するように Cursor を設定

方法 2: 手動設定

手動でセットアップする場合：

1. マニフェスト URL をコピー:

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

2. Cursor 設定を開く:

   • Cmd + , (Mac) または Ctrl + , (Windows/Linux) を押す
   • Features → Agent に移動

3. カスタムスキルを追加:

   • "Custom Skills" セクションにマニフェスト URL を貼り付け
   • "Add Skill" をクリック

4. 変更を適用するために Cursor を再起動。

チャットでスキルを使用

インストール後、チャットでスキルを呼び出すことができます：

@skill-name レスポンシブなランディングページのデザインを手伝ってください

Cursor は自動的にスキルのコンテキストを読み込み、カスタマイズされた支援を提供します。

Cursor で人気のスキル

トラブルシューティング

スキルが動作しない？

1. Cursor バージョンを確認: スキルを完全にサポートする Cursor 0.35+ を実行していることを確認。
2. インストールを確認: npx agent-skills list を実行してインストールされたスキルを確認。
3. キャッシュをクリア: npx agent-skills clear-cache を試して再インストール。

権限の問題

権限エラーが発生した場合：

# 必要に応じて sudo を使用（非推奨）
sudo npx agent-skills install <skill-name>

# または npm 権限を修正
npm config set prefix ~/.npm-global

次のステップ

• 独自のスキルを作成
• すべてのスキルを閲覧
• Windsurf 統合