11---
2- title : エージェント スキル | AI スキル | AI 支援開発 | Ignite UI for Angular | インフラジスティックス
2+ title : エージェント スキル | AI スキル | AI 支援開発 | Ignite UI for Angular | Infragistics
33_description : エージェント スキルを使用して、Ignite UI for Angular コンポーネント、グリッド、データ操作、テーマ設定を使った AI 支援開発を強化する方法について説明します。
4- _keywords : Ignite UI for Angular, エージェント スキル, agent skills, AI 支援開発, ai assisted development , github copilot, cursor, windsurf, claude, gemini cli, junie
4+ _keywords : Ignite UI for Angular, エージェント スキル, AI 支援開発, github copilot, cursor, windsurf, claude, gemini cli, junie
55_license : MIT
66mentionedTypes : []
77_language : ja
@@ -12,14 +12,14 @@ _language: ja
1212Ignite UI for Angular には ** [ エージェント スキル] ( https://agentskills.io/ ) ** が付属しています。これは、AI コーディング アシスタント (GitHub Copilot、Cursor、Windsurf、Claude、Gemini CLI、JetBrains Junie など) に Ignite UI for Angular の使用方法を教える構造化されたナレッジ ファイルです。これらのスキル ファイルは、コンポーネント、グリッド、データ操作、テーマ設定に関するコンテキスト対応のガイダンスを提供し、AI アシスタントがベスト プラクティスに従った正確で慣用的なコードを生成できるようにします。
1313
1414> [ !NOTE]
15- > AI ツール環境は急速に進化しています。 ツールや IDE が更新されるにつれて、スキルの検出場所や配布オプションが変更される場合があります 。最新情報については、ご使用のツールまたはエージェントの公式ドキュメントを常に参照してください 。
15+ > AI ツールのランドスケープは急速に進化しています。スキルの検出場所と配布オプションは、 ツールや IDE の更新に伴って変更される可能性があります 。最新情報については、使用しているツールやエージェントの公式ドキュメントを常に参照してください 。
1616
1717## 利用可能なスキル
1818
1919スキル ファイルは、Ignite UI for Angular リポジトリの [ ` skills/ ` ] ( https://github.com/IgniteUI/igniteui-angular/tree/master/skills ) ディレクトリにあります:
2020
2121| スキル | パス | 説明 |
22- | :------------------ | :---------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------ |
22+ | :------| :-----| :------------|
2323| コンポーネントとレイアウト | [ ` skills/igniteui-angular-components/SKILL.md ` ] ( https://github.com/IgniteUI/igniteui-angular/blob/master/skills/igniteui-angular-components/SKILL.md ) | スタンドアロン コンポーネント、フォーム コントロール、オーバーレイ、レイアウト |
2424| データ グリッド | [ ` 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、ソート、フィルタリング、グループ化、ページング、リモート データ |
2525| テーマ設定とスタイル設定 | [ ` skills/igniteui-angular-theming/SKILL.md ` ] ( https://github.com/IgniteUI/igniteui-angular/blob/master/skills/igniteui-angular-theming/SKILL.md ) | パレット、タイポグラフィ、エレベーション、コンポーネント テーマ、MCP サーバー |
@@ -29,11 +29,11 @@ Ignite UI for Angular には **[エージェント スキル](https://agentskill
2929
3030## スキルの場所
3131
32- 各 AI コーディング ツールは、特定のディレクトリからスキルを検出します。AI アシスタントがスキルを自動的に検出して使用できるよう、適切な場所にスキル ファイルを配置してください 。一般的な ` .agents/skills/ ` 規則は複数のツールでサポートされており、各ツールには固有のディレクトリもあります 。
32+ 各 AI コーディング ツールは、特定のディレクトリからスキルを検出します。AI アシスタントがスキルを自動的に検出して使用できるように、スキル ファイルを適切な場所に配置します 。一般的な ` .agents/skills/ ` の規則は複数のツールでサポートされていますが、各ツールには独自の特定のディレクトリもあります 。
3333
3434### 一般 (` .agents/skills/ ` )
3535
36- ` .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/ ` にコピーします :
36+ ` .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/ ` にスキル ディレクトリをコピーします :
3737
3838```
3939.agents/
@@ -46,83 +46,83 @@ Ignite UI for Angular には **[エージェント スキル](https://agentskill
4646 SKILL.md
4747```
4848
49- すべてのプロジェクトで利用できるユーザー レベル (グローバル) のスキルには 、代わりに ` ~/.agents/skills/ ` を使用します。
49+ すべてのプロジェクトで利用可能なユーザー レベル (グローバル) スキルの場合は 、代わりに ` ~/.agents/skills/ ` を使用します。
5050
5151### GitHub Copilot
5252
53- [ GitHub Copilot] ( https://docs.github.com/en/copilot/concepts/agents/about-agent-skills ) は次の場所からスキルを検出します :
53+ [ GitHub Copilot] ( https://docs.github.com/en/copilot/concepts/agents/about-agent-skills ) はスキルを以下から検出します :
5454
5555| スコープ | 場所 |
56- | :------- | :------------------------------------------------------------------------------------------- |
56+ | :------| :---------|
5757| プロジェクト | ` .github/skills/ ` 、` .claude/skills/ ` |
58- | 個人 | ` ~/.copilot/skills/ ` 、` ~/.claude/skills/ ` (Copilot コーディング エージェントおよび GitHub Copilot CLI のみ) |
58+ | パーソナル | ` ~/.copilot/skills/ ` 、` ~/.claude/skills/ ` (Copilot コーディング エージェントと GitHub Copilot CLI のみ) |
5959
60- > ** ヒント:** [ VS Code] ( https://code.visualstudio.com/docs/copilot/customization/agent-skills ) では、これらの場所に加えて一般的な ` .agents/skills/ ` および ` ~/.agents/skills/ ` も含まれます。また 、` chat.agentSkillsLocations ` 設定を使用して追加のスキルの場所を構成できます。
60+ > ** ヒント:** [ VS Code] ( https://code.visualstudio.com/docs/copilot/customization/agent-skills ) では、これらの場所に加えて一般的な ` .agents/skills/ ` と ` ~/.agents/skills/ ` も含まれ 、` chat.agentSkillsLocations ` 設定を使用して追加のスキルの場所を構成できます。
6161
6262### Claude
6363
64- [ Claude] ( https://code.claude.com/docs/en/skills#where-skills-live ) は次の場所からスキルを検出します :
64+ [ Claude] ( https://code.claude.com/docs/en/skills#where-skills-live ) はスキルを以下から検出します :
6565
6666| スコープ | 場所 |
67- | :------- | :------------------ |
67+ | :------| :---------|
6868| プロジェクト | ` .claude/skills/ ` |
69- | 個人 | ` ~/.claude/skills/ ` |
69+ | パーソナル | ` ~/.claude/skills/ ` |
7070
7171### Cursor
7272
73- [ Cursor] ( https://cursor.com/docs/skills#skill-directories ) は次の場所からスキルを検出します :
73+ [ Cursor] ( https://cursor.com/docs/skills#skill-directories ) はスキルを以下から検出します :
7474
7575| スコープ | 場所 |
76- | :------------ | :----------------------------------- |
76+ | :------| :---------|
7777| プロジェクト | ` .agents/skills/ ` 、` .cursor/skills/ ` |
7878| ユーザー (グローバル) | ` ~/.cursor/skills/ ` |
7979
8080### Gemini CLI と Antigravity
8181
82- [ Gemini CLI] ( https://geminicli.com/docs/cli/skills/#skill-discovery-tiers ) と [ Antigravity] ( https://antigravity.google/docs/skills ) は次の場所からスキルを検出します :
82+ [ Gemini CLI] ( https://geminicli.com/docs/cli/skills/#skill-discovery-tiers ) と [ Antigravity] ( https://antigravity.google/docs/skills ) はスキルを以下から検出します :
8383
8484| スコープ | 場所 |
85- | :-------- | :--------------------------------------- |
85+ | :------| :---------|
8686| ワークスペース | ` .gemini/skills/ ` 、` .agents/skills/ ` |
8787| ユーザー | ` ~/.gemini/skills/ ` 、` ~/.agents/skills/ ` |
8888
89- > ** ヒント:** Gemini CLI の ` /skills ` スラッシュ コマンドを使用して、インストールされているスキルを表示および管理できます 。
89+ > ** ヒント:** Gemini CLI で ` /skills ` スラッシュ コマンドを使用して、インストールされたスキルを表示および管理できます 。
9090
91- ### Junie (JetBrains IDEs )
91+ ### Junie (JetBrains IDE )
9292
93- [ Junie] ( https://junie.jetbrains.com/docs/agent-skills.html ) は次の場所からスキルを検出します :
93+ [ Junie] ( https://junie.jetbrains.com/docs/agent-skills.html ) はスキルを以下から検出します :
9494
9595| スコープ | 場所 |
96- | :------ | :----------------- |
96+ | :------| :---------|
9797| プロジェクト | ` .junie/skills/ ` |
9898| ユーザー | ` ~/.junie/skills/ ` |
9999
100100### Windsurf
101101
102- [ Windsurf] ( https://docs.windsurf.com/windsurf/cascade/skills#skill-scopes ) は次の場所からスキルを検出します :
102+ [ Windsurf] ( https://docs.windsurf.com/windsurf/cascade/skills#skill-scopes ) はスキルを以下から検出します :
103103
104104| スコープ | 場所 |
105- | :-------- | :------------------------------------------------- |
105+ | :------| :---------|
106106| ワークスペース | ` .windsurf/skills/ ` 、` .agents/skills/ ` |
107107| グローバル | ` ~/.codeium/windsurf/skills/ ` 、` ~/.agents/skills/ ` |
108108
109109---
110110
111111## スキルのインストール
112112
113- 以下のいずれかのオプションを使用して 、スキル ファイルをダウンロードし、AI アシスタントに適切な [ スキルの場所] ( #スキルの場所 ) に配置します。
113+ 以下のオプションのいずれかを使用して 、スキル ファイルをダウンロードし、AI アシスタントに適した [ スキルの場所] ( #スキルの場所 ) に配置します。
114114
115115### ** オプション A — インストールされた npm パッケージを使用する**
116116
117- Ignite UI for Angular がプロジェクトに既にインストールされている場合、スキル ファイルは ` node_modules ` の配下にあります 。それらをプロジェクトにコピーする (例: ` .agents/skills/ ` の下 ) には、次のコマンドを実行します:
117+ Ignite UI for Angular がプロジェクトに既にインストールされている場合、スキル ファイルは ` node_modules ` の下で利用できます 。それらをプロジェクトにコピーする (例: ` .agents/skills/ ` の下での使用 ) には、次のコマンドを実行します:
118118
119119** macOS / Linux / Windows (PowerShell)**
120120
121121``` bash
122122cp -r node_modules/igniteui-angular/skills/. .agents/skills/
123123```
124124
125- ** Windows (コマンド プロンプト )**
125+ ** Windows (Command Prompt )**
126126
127127``` cmd
128128robocopy node_modules\igniteui-angular\skills .agents\skills /E
@@ -138,7 +138,7 @@ cp -r node_modules/igniteui-angular/skills/igniteui-angular-grids .agents/skills
138138cp -r node_modules/igniteui-angular/skills/igniteui-angular-theming .agents/skills/
139139```
140140
141- ** Windows (コマンド プロンプト )**
141+ ** Windows (Command Prompt )**
142142
143143``` cmd
144144robocopy node_modules\igniteui-angular\skills\igniteui-angular-components .agents\skills\igniteui-angular-components /E
@@ -150,7 +150,7 @@ robocopy node_modules\igniteui-angular\skills\igniteui-angular-theming .agents\s
150150
151151` gemini skills install ` コマンドは、Git リポジトリから直接スキルをインストールします。2 つのスコープをサポートします:
152152
153- - ** ユーザー スコープ** (デフォルト) — ユーザー アカウントに対してスキルをグローバルにインストールし 、すべてのプロジェクトで利用できるようにします。スキルは ` ~/.gemini/skills/ ` または ` ~/.agents/skills/ ` に配置されます。
153+ - ** ユーザー スコープ** (デフォルト) — ユーザー アカウントにスキルをグローバルにインストールし 、すべてのプロジェクトで利用できるようにします。スキルは ` ~/.gemini/skills/ ` または ` ~/.agents/skills/ ` に配置されます。
154154- ** ワークスペース スコープ** — 現在のプロジェクト ディレクトリの ` .agents/skills/ ` にスキルをローカルにインストールし、そのプロジェクトのみにスコープします。
155155
156156** ユーザー スコープにインストールする (デフォルト):**
@@ -203,8 +203,8 @@ Theming MCP の詳細については、[Ignite UI Theming MCP](./theming-mcp.md)
203203
204204<!-- TODO: Not in xplat, can't link to md directly + docfx is aggressively and annoyingly treating all forms of relative links as such.. -->
205205
206- - <a href =" https://www .infragistics.com/products/ignite-ui-angular/angular/components/general/getting-started " >Ignite UI for Angular の概要 </a >
207- - <a href =" https://www .infragistics.com/products/ignite-ui-angular/angular/components/general/cli-overview " >Angular Schematics & Ignite UI CLI</a >
206+ - <a href =" https://jp .infragistics.com/products/ignite-ui-angular/angular/components/general/getting-started " >Ignite UI for Angular で作業を開始 </a >
207+ - <a href =" https://jp .infragistics.com/products/ignite-ui-angular/angular/components/general/cli-overview " >Angular Schematics & Ignite UI CLI</a >
208208
209209<div class =" divider--half " ></div >
210210コミュニティに参加して新しいアイデアをご提案ください。
0 commit comments