# Cursorの機能と実践的な使い方 🌐 「画面を見ながら直してほしい」を、AIエージェントがそのまま実行できます。CursorのBrowserツールは、エージェントにブラウザの操作権を渡し、E2Eテストからデザイン→コードまでを一気通貫でこなします。 🏷️ タイトル: ブラウザ操作 🔗 URL: 📘 概要 Browserツールは、CursorのエージェントがIDE内のブラウザを直接操作できるようにする機能です。URLの移動、クリック、フォーム入力、スクリーンショット取得、コンソールログやネットワーク通信の確認までをエージェント自身が行えます。視覚的な確認とコード修正を同じループの中で回せるのが特徴です。 ⚙️ 機能の説明 ブラウザはMCPサーバー拡張で制御される安全なWebビューとして動作し、エージェントは次のような操作ができます。 ・ナビゲーション: URLへ移動、リンク追跡、履歴の前後移動、リロード ・操作: クリック、ダブルクリック、右クリック、ホバー、フォーム入力と送信 ・視覚確認: スクリーンショットを画像として取得し、レイアウトやUIを目で確認 ・デバッグ: JavaScriptコンソールのログ・エラー、ネットワーク通信を参照 ログはファイルに書き出され、エージェントは関連する行だけを選んで読むため、出力が膨大でも効率的に扱えます。また開発サーバーの自動検出により、サーバーの二重起動を防ぎます。認証Cookieやlocalstorage、sessionStorage、IndexedDBは同一ワークスペース内のセッションをまたいで保持されるため、ログイン状態を維持したまま検証を続けられます。 🛠️ 実践的な使い方 デザインサイドバーを使うと、デザインとコーディングを同時に進められます。要素の配置やflex方向、整列、グリッド、幅・高さ・padding・margin、色やグラデーション、影、不透明度、角丸などをスライダーで視覚的に調整できます。意図どおりの見た目になったら `Apply` を押すと、エージェントが視覚的な変更を適切なコード変更へ翻訳します。複数要素を選択してホットリロードでまとめて反映することも可能です。実行の安全性は承認モードで制御でき、`手動承認`（推奨）、`許可リスト方式`、`自動実行`から選べます。 💡 ユースケース ・E2Eテスト: テストデータでフォームを埋め、エラーメッセージを検証し、スクリーンショットを撮ってビジュアルリグレッションを確認 ・デザイン→コード: Figmaやモックを取り込み、ピクセル単位でHTML/CSSへ変換 ・アクセシビリティ監査: コントラスト比、セマンティックHTML、ARIAラベル、キーボード操作などWCAG観点でチェック ⚠️ 注意点 オリジン許可リストは「ベストエフォートの保護」に過ぎず、許可ドメインからのリンク遷移やクライアントサイドのリダイレクトで許可外オリジンに到達する場合があります。ユーザー自身の手動ナビゲーションは許可リストの制限を回避します。信頼できないコードに対して `自動実行` を使うのは避け、許可リスト設定は定期的に見直してください。 #Cursor# #AIコーディング#

# Cursorの機能と実践的な使い方 🪝 エージェントの行動に「自動整形」や「危険コマンドのブロック」を仕込みたくありませんか。CursorのHooksは、エージェントループの各段階に割り込むための仕組みです。 🏷️ タイトル: エージェントループ介入(JSON) 🔗 URL: 📘 概要 Hooksは、エージェントループを観察・制御・拡張するために起動されるプロセスです。stdioを通じて双方向にJSONでやり取りし、ループの定義済み段階の前後で実行されます。整形・監査ログ・秘密情報スキャン・危険操作のゲートなどに使えます。 ⚙️ 機能の説明 設定は `hooks.json` に書き、優先順位はEnterprise → Team → プロジェクト(`/.cursor/hooks.json`) → ユーザー(`~/.cursor/hooks.json`)です。主なイベントは次のとおりです。 ・`beforeShellExecution` / `afterShellExecution`: シェル実行のゲートと後処理 ・`beforeReadFile` / `afterFileEdit`: ファイル読み取り・編集の前後 ・`beforeMCPExecution` / `beforeSubmitPrompt` / `sessionStart` / `stop` など 各フックはstdinでJSON(`conversation_id` `model` `hook_event_name` 等)を受け取り、stdoutにJSONを返します。制御系フックは `{"permission":"allow"|"deny"|"ask"}` を返し、`deny` 時は `user_message` / `agent_message` を添えられます。終了コードは 0 が成功、2 がブロック(deny相当)、それ以外はフェイルオープン(`failClosed:true` 指定時を除く)です。 🛠️ 実践的な使い方 編集後に自動整形するには `afterFileEdit` を使い、stdinのJSONから `.file_path` を取り出して `prettier --write` に渡すスクリプトを登録します。 危険SQLや破壊的コマンドは `beforeShellExecution` でブロックします。コマンド文字列を検査し、該当すれば `echo '{"permission":"deny","user_message":"このSQLは禁止です"}'` を返します。PIIや秘密情報のスキャンは `beforeReadFile` に登録し、`"failClosed": true` を付けて、スキャン失敗時はモデルに渡さず安全側に倒します。 💡 ユースケース チーム全体に整形・lint・コミット規約を強制する。本番DBへの書き込みや `rm -rf` 等をゲートする。`sessionEnd` や `postToolUse` で監査ログを fire-and-forget で残す。`matcher` でツール種別やコマンドパターンを絞れば、必要なときだけフックを走らせられます。 ⚠️ 注意点 パス基準に注意が必要です。プロジェクトフックはプロジェクトルートから、ユーザーフックは `~/.cursor/` から実行され、誤ったパスは静かに失敗します。既定はフェイルオープンなので、セキュリティ用途のフックには必ず `failClosed: true` を付けます。出力JSONが不正だとフック自体が失敗します。`hooks.json` は自動リロードされますが、反映されない場合は再起動を。クラウドエージェントは command 型のみ対応で、`sessionStart` や `beforeMCPExecution`、Tab系、prompt型フックは使えません。 #Cursor# #DevSecOps#

Cursor Ambassadorから @SpaceXAI Ambassadorに進化しました！ 今後もCursorとGrok botの発展を前線で楽しみつつ、日本のコミュニティをもっと盛り上げていきたいと思います！！

# Cursorの機能と実践的な使い方 🕵️ 調査やコマンド実行の大量ログでメインの会話が埋まっていませんか。CursorのSubagentsは、専門タスクを独立した文脈に逃がし、ノイズを隔離してくれます。 🏷️ タイトル: 独立コンテキストの専門エージェント 🔗 URL: 📘 概要 Subagentsは、メインのエージェントが作業を委譲できる専門アシスタントです。それぞれ独立したコンテキストウィンドウを持ち、特定種類のタスクを処理して結果だけを親へ返します。複雑な作業を分割でき、複数を並列実行することも可能です。 ⚙️ 機能の説明 最大の利点は隔離です。長い調査や探索の中間出力がメインの会話を圧迫しません。サブエージェントは過去の会話履歴を参照できないため、必要な文脈は最初のプロンプトで渡されます。組み込みのサブエージェントは3種類あります。 ・Explore: 高速モデルでコードベースを検索・分析。単一検索の時間で約10並列の検索が可能 ・Bash: シェルコマンドを実行し、冗長な出力を親から隔離 ・Browser: MCP経由でブラウザを操作し、ノイズの多いDOMを要約に整理 カスタム定義は `.cursor/agents/`(プロジェクト)または `~/.cursor/agents/`(ユーザー)にMarkdownを置きます。同名衝突時はプロジェクト側が優先されます。 🛠️ 実践的な使い方 読み取り専用のセキュリティ監査役なら、フロントマターに `name: security-auditor`、`description` に観点、`model: inherit`、`readonly: true` を書き、本文に「変更点をセキュリティ観点でレビューし、リスクと修正案を簡潔に報告して」と指示するだけです。 主なフィールドは `name` / `description`(委譲判断に使われる) / `model`(`inherit` か `composer-2` 等) / `readonly`(編集・状態変更を禁止) / `is_background`(親をブロックせず実行)です。呼び出しは自動委譲のほか、`/security-auditor 認証フローを確認して` のような明示指定や自然な言及で行えます。「APIの変更レビューとドキュメント更新を並行で」と頼めば複数を並列起動します。 💡 ユースケース 検証エージェントで「完了」と主張された実装が本当に動くか独立検証し、未完成を見逃さない。デバッガでスタックトレースから根本原因を特定し最小修正。テストランナーで変更後に自動テストし、意図を保ったまま失敗を修正、といった2〜3個の役割が定番です。バックグラウンド実行は状態を逐次書き出すため、後から再開できます。 ⚠️ 注意点 並列5個のサブエージェントはおおむね単体の5倍のトークンを消費し、単純なタスクは起動オーバーヘッドでかえって遅くなることがあります。指定モデルはチーム管理者やプラン制約で上書きされる場合があります。Cursor 2.5以降は子サブエージェントを生成できますが、Taskツールへのアクセスが必要で、フックやポリシーでブロックされ得ます。曖昧な説明の汎用エージェントを大量に作るのは避け、具体的な指示の2〜3個に絞りましょう。 #Cursor# #AIエージェント#

Cursor Automationを開発以外のタスクに使える実例として、次の引越し先をAutomationで調査させてSlackで報告させるフローを組んでみた これで良い物件が見つかったら面白い笑

# Cursorの機能と実践的な使い方 🧩 「あの作業、毎回同じ手順なのにAIに毎回説明している」を卒業しませんか。CursorのSkillsは、定型ワークフローを部品化してエージェントに覚えさせる仕組みです。 🏷️ タイトル: 再利用ワークフロー(SKILL.md) 🔗 URL: 📘 概要 Skillsは、特定ドメインのタスクの手順をエージェントに教える、ポータブルでバージョン管理可能なパッケージです。スクリプト・テンプレート・参照資料をまとめ、エージェントがツール経由で実行します。Rulesの進化形にあたり、文脈に応じて自動適用したり、スラッシュコマンドとして明示的に呼び出したりできます。 ⚙️ 機能の説明 各スキルは `SKILL.md` を中心に構成され、先頭のYAMLフロントマターで挙動を定義します。 ・`name`: 親フォルダ名と一致する小文字の識別子(必須) ・`description`: 何のためのスキルかと適用場面。エージェントがこの説明を読んで使うか判断します(必須) ・`paths`: glob パターンで対象ファイル種別にスコープを限定(任意) ・`disable-model-invocation`: `true` にすると自動適用されず `/skill-name` でのみ呼び出されるスラッシュ専用に(任意) 配置場所は階層的で、プロジェクトは `.cursor/skills/`(または `.agents/skills/`)、ユーザー全体は `~/.cursor/skills/` です。ルートは再帰的に走査され、ネストしたサブディレクトリも発見されます。スキルフォルダには `scripts/`(実行コード)、`references/`(必要時に読む資料)、`assets/`(テンプレや画像)を同梱できます。 🛠️ 実践的な使い方 たとえば `.cursor/skills/api-endpoint/SKILL.md` のフロントマターに `name: api-endpoint`、適用場面を書いた `description`、対象を絞る `paths: "src/api/**/*.ts"` を置き、本文に「ルートを registry に登録」「入力は zod で検証」「テストを必ず追加」といった手順を箇条書きします。 自動適用させたくない場合は `disable-model-invocation: true` を足し、Agentチャットで `/api-endpoint` と打って明示的に呼び出します。 💡 ユースケース モノレポでは各アプリ配下に `.cursor/skills/` を置くと、そのディレクトリ内のファイルへ自動的にスコープされ、`paths` を書かずに済みます。リリース手順・移行スクリプト・コードレビュー観点などを共有し、チーム全員が同じワークフローで作業できます。既存資産は Cursor 2.4 同梱の `/migrate-to-skills` で変換でき、「Apply Intelligently」(`alwaysApply: false`)なルールはスキルへ、スラッシュコマンドは `disable-model-invocation: true` 付きスキルへ自動移行されます。 ⚠️ 注意点 スキルの識別名は `SKILL.md` を含むフォルダ名から決まり、親カテゴリ名ではありません。旧来の `globs` フィールドは非推奨で、今は `paths` を使います。`/migrate-to-skills` は `alwaysApply: true` のルールやユーザーレベルのルールは移行しないため、これらは手動対応が必要です。 #Cursor# #AIコーディング#