SAIスキル大辞典Agent Skills Dictionary
⌕
文字
トップ›Skill›angular-developer
テスト・QA

angular-developer

Angular Developer

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

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

このSkillでできること

  • ✓Angularのプロジェクト、コンポーネント、サービス、ルートなどのコード生成
  • ✓Signals、linkedSignal、resource、httpResourceを使ったリアクティビティ設計
  • ✓フォーム、依存性注入、HTTP通信、ルーティング、SSR、ARIA対応の支援
  • ✓スタイリング、アニメーション、テスト、命名規則、Angular CLIに関する助言
02

使い方

01
STEP 1

対象プロジェクトのAngularバージョンを確認してから相談する

02
STEP 2

作成したい機能や対象（コンポーネント、サービス、フォームなど）を具体的に指定する

03
STEP 3

既存コードの改善では、現在のフォーム戦略やプロジェクト構成を伝える

04
STEP 4

生成後はビルド結果やエラー内容を共有して修正を依頼する

03

Skillのインストール

初心者におすすめ

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

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

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

Repository:
https://github.com/aiskillstore/marketplace
04

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

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

Angularのバージョンを確認したうえで、商品一覧コンポーネントを作成してください。Signalsで状態を管理し、HTTP通信、ローディング表示、エラー処理、Vitestのテストも含めてください。
出力例を見る
Angularのバージョンと既存構成に合わせたコンポーネント設計、実装コード、テスト方針を提示します。
05

安全性チェック

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

外部API通信検出あり
Shellコマンド実行明確な記述なし
ファイル読み取り明確な記述なし
ファイル書き込み明確な記述なし
ネットワークアクセス検出あり
認証情報明確な記述なし
検出根拠を見る
  • network: nd in the references above, read the documentation at `https://angular.dev/guide/components`. ## Reactivity and Data Management When managing state and
  • network: open-source content repository behind **[Skill Store](https://skillstore.io)**. It stores every approved [Agent Skill](https://agentskills.io/specificat
06

関連Skill