SAIスキル大辞典Agent Skills Dictionary
⌕
文字
トップ›Skill›angular-developer
UI/UX

angular-developer

Angular開発者

Angularのコード生成と設計支援を行い、Signals、フォーム、HTTP、ルーティング、SSR、アクセシビリティ、テストなどを案内します。

AIスキル大辞典による日本語要約
品質評価86/100評価確度：十分
人気度（GitHub Star） 96発掘スコア 61
01

このSkillでできること

  • ✓Angularのプロジェクト、コンポーネント、サービス、ルートなどのコード生成を支援する
  • ✓Signals、linkedSignal、resource、httpResourceを使ったリアクティブな設計を案内する
  • ✓フォーム、依存性注入、HTTP通信、ルーティング、SSR、ARIA、アニメーション、スタイリングを扱う
  • ✓Angularの命名規則、CLI活用、テスト、保守性やパフォーマンスを考慮した設計を支援する
02

使い方

01
STEP 1

既存プロジェクトのAngularバージョンを確認し、バージョンに合った機能や方針を選ぶ

02
STEP 2

新規コードではAngularのスタイルガイドと保守性・パフォーマンスの指針に従う

03
STEP 3

コンポーネントやサービスなどの生成ではAngular CLIを利用する方針で構成する

04
STEP 4

生成後にビルド結果を確認し、エラーがあれば内容を分析して修正する

03

Skillのインストール

初心者におすすめ

AIにこのSkillを追加してもらう

GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。

このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。

Repository:
https://github.com/angular/skills
04

このSkillを使うプロンプト例

Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。

Angularのバージョンを確認したうえで、Signalsを使った商品一覧コンポーネントとHTTP通信を設計してください。命名規則、アクセシビリティ、テスト方針も含めてください。
出力例を見る
Angularのバージョンに応じたSignalsベースの商品一覧の構成、HTTP通信の方針、コンポーネントの命名、ARIA対応、テスト観点を整理します。
05

安全性チェック

自動解析による参考情報です。Skillの安全性を保証するものではありません。

外部API通信検出あり
Shellコマンド実行検出あり
ファイル読み取り明確な記述なし
ファイル書き込み明確な記述なし
ネットワークアクセス検出あり
認証情報明確な記述なし
検出根拠を見る
  • shell: community tool like [skills.sh](https://skills.sh/). ```bash npx skills add https://github.com/angular/skills ``` ## Contributions We welcome contri
  • network: nd in the references above, read the documentation at `https://angular.dev/guide/components`. ## Reactivity and Data Management When managing state and
  • network: to be used with agentic coding tools like [Gemini CLI](https://geminicli.com/docs/cli/skills/), [Antigravity](https://antigravity.google/docs/skills) and
06

関連Skill