Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
62 changes: 31 additions & 31 deletions jp/components/ai/skills.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: エージェント スキル | AI スキル | AI 支援開発 | Ignite UI for Angular | インフラジスティックス
title: エージェント スキル | AI スキル | AI 支援開発 | Ignite UI for Angular | Infragistics
_description: エージェント スキルを使用して、Ignite UI for Angular コンポーネント、グリッド、データ操作、テーマ設定を使った AI 支援開発を強化する方法について説明します。
_keywords: Ignite UI for Angular, エージェント スキル, agent skills, AI 支援開発, ai assisted development, github copilot, cursor, windsurf, claude, gemini cli, junie
_keywords: Ignite UI for Angular, エージェント スキル, AI 支援開発, github copilot, cursor, windsurf, claude, gemini cli, junie
_license: MIT
mentionedTypes: []
_language: ja
Expand All @@ -12,14 +12,14 @@ _language: ja
Ignite UI for Angular には **[エージェント スキル](https://agentskills.io/)** が付属しています。これは、AI コーディング アシスタント (GitHub Copilot、Cursor、Windsurf、Claude、Gemini CLI、JetBrains Junie など) に Ignite UI for Angular の使用方法を教える構造化されたナレッジ ファイルです。これらのスキル ファイルは、コンポーネント、グリッド、データ操作、テーマ設定に関するコンテキスト対応のガイダンスを提供し、AI アシスタントがベスト プラクティスに従った正確で慣用的なコードを生成できるようにします。

> [!NOTE]
> AI ツール環境は急速に進化しています。ツールや IDE が更新されるにつれて、スキルの検出場所や配布オプションが変更される場合があります。最新情報については、ご使用のツールまたはエージェントの公式ドキュメントを常に参照してください
> AI ツールのランドスケープは急速に進化しています。スキルの検出場所と配布オプションは、ツールや IDE の更新に伴って変更される可能性があります。最新情報については、使用しているツールやエージェントの公式ドキュメントを常に参照してください

## 利用可能なスキル

スキル ファイルは、Ignite UI for Angular リポジトリの [`skills/`](https://github.com/IgniteUI/igniteui-angular/tree/master/skills) ディレクトリにあります:

| スキル | パス | 説明 |
| :------------------ | :---------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------ |
|:------|:-----|:------------|
| コンポーネントとレイアウト | [`skills/igniteui-angular-components/SKILL.md`](https://github.com/IgniteUI/igniteui-angular/blob/master/skills/igniteui-angular-components/SKILL.md) | スタンドアロン コンポーネント、フォーム コントロール、オーバーレイ、レイアウト |
| データ グリッド | [`skills/igniteui-angular-grids/SKILL.md`](https://github.com/IgniteUI/igniteui-angular/blob/master/skills/igniteui-angular-grids/SKILL.md) | Grid、Tree Grid、Hierarchical Grid、Pivot Grid、ソート、フィルタリング、グループ化、ページング、リモート データ |
| テーマ設定とスタイル設定 | [`skills/igniteui-angular-theming/SKILL.md`](https://github.com/IgniteUI/igniteui-angular/blob/master/skills/igniteui-angular-theming/SKILL.md) | パレット、タイポグラフィ、エレベーション、コンポーネント テーマ、MCP サーバー |
Expand All @@ -29,11 +29,11 @@ Ignite UI for Angular には **[エージェント スキル](https://agentskill

## スキルの場所

各 AI コーディング ツールは、特定のディレクトリからスキルを検出します。AI アシスタントがスキルを自動的に検出して使用できるよう、適切な場所にスキル ファイルを配置してください。一般的な `.agents/skills/` 規則は複数のツールでサポートされており、各ツールには固有のディレクトリもあります
各 AI コーディング ツールは、特定のディレクトリからスキルを検出します。AI アシスタントがスキルを自動的に検出して使用できるように、スキル ファイルを適切な場所に配置します。一般的な `.agents/skills/` の規則は複数のツールでサポートされていますが、各ツールには独自の特定のディレクトリもあります

### 一般 (`.agents/skills/`)

`.agents/skills/` ディレクトリは、[VS Code と Copilot](https://code.visualstudio.com/docs/copilot/customization/agent-skills)、[OpenAI Codex](https://developers.openai.com/codex/skills)、[Cursor](https://cursor.com/docs/skills)、[Gemini CLI](https://geminicli.com/docs/cli/skills/#skill-discovery-tiers)、[Antigravity](https://antigravity.google/docs/skills)、[Windsurf](https://docs.windsurf.com/windsurf/cascade/skills#skill-scopes) など、複数のツールでサポートされているクロスエージェント規則です。スキル ディレクトリをプロジェクト ルートの `.agents/skills/` にコピーします:
`.agents/skills/` ディレクトリは、[VS Code と Copilot](https://code.visualstudio.com/docs/copilot/customization/agent-skills)、[OpenAI Codex](https://developers.openai.com/codex/skills)、[Cursor](https://cursor.com/docs/skills)、[Gemini CLI](https://geminicli.com/docs/cli/skills/#skill-discovery-tiers)、[Antigravity](https://antigravity.google/docs/skills)、[Windsurf](https://docs.windsurf.com/windsurf/cascade/skills#skill-scopes) など、複数のツールでサポートされているクロスエージェントの規則です。プロジェクト ルートの `.agents/skills/` にスキル ディレクトリをコピーします:

```
.agents/
Expand All @@ -46,83 +46,83 @@ Ignite UI for Angular には **[エージェント スキル](https://agentskill
SKILL.md
```

すべてのプロジェクトで利用できるユーザー レベル (グローバル) のスキルには、代わりに `~/.agents/skills/` を使用します。
すべてのプロジェクトで利用可能なユーザー レベル (グローバル) スキルの場合は、代わりに `~/.agents/skills/` を使用します。

### GitHub Copilot

[GitHub Copilot](https://docs.github.com/en/copilot/concepts/agents/about-agent-skills) は次の場所からスキルを検出します:
[GitHub Copilot](https://docs.github.com/en/copilot/concepts/agents/about-agent-skills) はスキルを以下から検出します:

| スコープ | 場所 |
| :------- | :------------------------------------------------------------------------------------------- |
|:------|:---------|
| プロジェクト | `.github/skills/`、`.claude/skills/` |
| 個人 | `~/.copilot/skills/`、`~/.claude/skills/` (Copilot コーディング エージェントおよび GitHub Copilot CLI のみ) |
| パーソナル | `~/.copilot/skills/`、`~/.claude/skills/` (Copilot コーディング エージェントと GitHub Copilot CLI のみ) |

> **ヒント:** [VS Code](https://code.visualstudio.com/docs/copilot/customization/agent-skills) では、これらの場所に加えて一般的な `.agents/skills/` および `~/.agents/skills/` も含まれます。また、`chat.agentSkillsLocations` 設定を使用して追加のスキルの場所を構成できます。
> **ヒント:** [VS Code](https://code.visualstudio.com/docs/copilot/customization/agent-skills) では、これらの場所に加えて一般的な `.agents/skills/` `~/.agents/skills/` も含まれ、`chat.agentSkillsLocations` 設定を使用して追加のスキルの場所を構成できます。

### Claude

[Claude](https://code.claude.com/docs/en/skills#where-skills-live) は次の場所からスキルを検出します:
[Claude](https://code.claude.com/docs/en/skills#where-skills-live) はスキルを以下から検出します:

| スコープ | 場所 |
| :------- | :------------------ |
|:------|:---------|
| プロジェクト | `.claude/skills/` |
| 個人 | `~/.claude/skills/` |
| パーソナル | `~/.claude/skills/` |

### Cursor

[Cursor](https://cursor.com/docs/skills#skill-directories) は次の場所からスキルを検出します:
[Cursor](https://cursor.com/docs/skills#skill-directories) はスキルを以下から検出します:

| スコープ | 場所 |
| :------------ | :----------------------------------- |
|:------|:---------|
| プロジェクト | `.agents/skills/`、`.cursor/skills/` |
| ユーザー (グローバル) | `~/.cursor/skills/` |

### Gemini CLI と Antigravity

[Gemini CLI](https://geminicli.com/docs/cli/skills/#skill-discovery-tiers) と [Antigravity](https://antigravity.google/docs/skills) は次の場所からスキルを検出します:
[Gemini CLI](https://geminicli.com/docs/cli/skills/#skill-discovery-tiers) と [Antigravity](https://antigravity.google/docs/skills) はスキルを以下から検出します:

| スコープ | 場所 |
| :-------- | :--------------------------------------- |
|:------|:---------|
| ワークスペース | `.gemini/skills/`、`.agents/skills/` |
| ユーザー | `~/.gemini/skills/`、`~/.agents/skills/` |

> **ヒント:** Gemini CLI `/skills` スラッシュ コマンドを使用して、インストールされているスキルを表示および管理できます
> **ヒント:** Gemini CLI `/skills` スラッシュ コマンドを使用して、インストールされたスキルを表示および管理できます

### Junie (JetBrains IDEs)
### Junie (JetBrains IDE)

[Junie](https://junie.jetbrains.com/docs/agent-skills.html) は次の場所からスキルを検出します:
[Junie](https://junie.jetbrains.com/docs/agent-skills.html) はスキルを以下から検出します:

| スコープ | 場所 |
| :------ | :----------------- |
|:------|:---------|
| プロジェクト | `.junie/skills/` |
| ユーザー | `~/.junie/skills/` |

### Windsurf

[Windsurf](https://docs.windsurf.com/windsurf/cascade/skills#skill-scopes) は次の場所からスキルを検出します:
[Windsurf](https://docs.windsurf.com/windsurf/cascade/skills#skill-scopes) はスキルを以下から検出します:

| スコープ | 場所 |
| :-------- | :------------------------------------------------- |
|:------|:---------|
| ワークスペース | `.windsurf/skills/`、`.agents/skills/` |
| グローバル | `~/.codeium/windsurf/skills/`、`~/.agents/skills/` |

---

## スキルのインストール

以下のいずれかのオプションを使用して、スキル ファイルをダウンロードし、AI アシスタントに適切な[スキルの場所](#スキルの場所)に配置します。
以下のオプションのいずれかを使用して、スキル ファイルをダウンロードし、AI アシスタントに適した[スキルの場所](#スキルの場所)に配置します。

### **オプション A — インストールされた npm パッケージを使用する**

Ignite UI for Angular がプロジェクトに既にインストールされている場合、スキル ファイルは `node_modules` の配下にあります。それらをプロジェクトにコピーする (例: `.agents/skills/` の下) には、次のコマンドを実行します:
Ignite UI for Angular がプロジェクトに既にインストールされている場合、スキル ファイルは `node_modules` の下で利用できます。それらをプロジェクトにコピーする (例: `.agents/skills/` の下での使用) には、次のコマンドを実行します:

**macOS / Linux / Windows (PowerShell)**

```bash
cp -r node_modules/igniteui-angular/skills/. .agents/skills/
```

**Windows (コマンド プロンプト)**
**Windows (Command Prompt)**

```cmd
robocopy node_modules\igniteui-angular\skills .agents\skills /E
Expand All @@ -138,7 +138,7 @@ cp -r node_modules/igniteui-angular/skills/igniteui-angular-grids .agents/skills
cp -r node_modules/igniteui-angular/skills/igniteui-angular-theming .agents/skills/
```

**Windows (コマンド プロンプト)**
**Windows (Command Prompt)**

```cmd
robocopy node_modules\igniteui-angular\skills\igniteui-angular-components .agents\skills\igniteui-angular-components /E
Expand All @@ -150,7 +150,7 @@ robocopy node_modules\igniteui-angular\skills\igniteui-angular-theming .agents\s

`gemini skills install` コマンドは、Git リポジトリから直接スキルをインストールします。2 つのスコープをサポートします:

- **ユーザー スコープ** (デフォルト) — ユーザー アカウントに対してスキルをグローバルにインストールし、すべてのプロジェクトで利用できるようにします。スキルは `~/.gemini/skills/` または `~/.agents/skills/` に配置されます。
- **ユーザー スコープ** (デフォルト) — ユーザー アカウントにスキルをグローバルにインストールし、すべてのプロジェクトで利用できるようにします。スキルは `~/.gemini/skills/` または `~/.agents/skills/` に配置されます。
- **ワークスペース スコープ** — 現在のプロジェクト ディレクトリの `.agents/skills/` にスキルをローカルにインストールし、そのプロジェクトのみにスコープします。

**ユーザー スコープにインストールする (デフォルト):**
Expand Down Expand Up @@ -203,8 +203,8 @@ Theming MCP の詳細については、[Ignite UI Theming MCP](./theming-mcp.md)

<!-- TODO: Not in xplat, can't link to md directly + docfx is aggressively and annoyingly treating all forms of relative links as such.. -->

- <a href="https://www.infragistics.com/products/ignite-ui-angular/angular/components/general/getting-started">Ignite UI for Angular の概要</a>
- <a href="https://www.infragistics.com/products/ignite-ui-angular/angular/components/general/cli-overview">Angular Schematics & Ignite UI CLI</a>
- <a href="https://jp.infragistics.com/products/ignite-ui-angular/angular/components/general/getting-started">Ignite UI for Angular で作業を開始</a>
- <a href="https://jp.infragistics.com/products/ignite-ui-angular/angular/components/general/cli-overview">Angular Schematics & Ignite UI CLI</a>

<div class="divider--half"></div>
コミュニティに参加して新しいアイデアをご提案ください。
Expand Down
Loading
Loading