mcpField
A
angular-best-practices

angular-best-practices

github.com/sickn33開発49.0k507 回インストール今日更新
リポジトリ

angular-best-practices について

Angular アプリの開発やレビューに使うパフォーマンス最適化ガイドです。バンドル、レンダリング、データ取得、SSR/hydration の設定を優先度別のルールで扱います。

主な機能

  1. 01優先度別の最適化ルール
  2. 02コンポーネントとページの指針
  3. 03データ取得パターン
  4. 04バンドルとレンダリングの改善
  5. 05SSR と hydration の指針

活用シーン

  1. 01Angular コンポーネントやページの実装
  2. 02パフォーマンス問題のレビュー
  3. 03バンドルサイズや読み込み時間の改善
  4. 04SSR や hydration の設定

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill angular-best-practices

インストール後、Claude Code で/angular-best-practicesを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

metadata.json
README.md
references/
detailed-guide.md

詳細

Angular のベストプラクティス

Angular アプリケーション向けの包括的なパフォーマンス最適化ガイドです。パフォーマンスを排除し、バンドルを最適化し、レンダリングを改善するための優先順位付けされたルールを収録しています。

詳細ガイド

このスキルを実行する前に、詳細ガイドをお読みください。完全な手順と参考資料が保持されています。その安全性、前提条件、検証要件は必須のものとして扱ってください。集中的な作業では該当するセクションを読み込み、エンドツーエンドの作業ではガイドを完全に読んでください。

使用するタイミング

次の場合にこれらのガイドラインを参照してください:

  • 新しい Angular コンポーネントやページを作成するとき
  • データ取得パターンを実装するとき
  • パフォーマンスの問題がないかコードをレビューするとき
  • 既存の Angular コードをリファクタリングするとき
  • バンドルサイズや読み込み時間を最適化するとき
  • SSR/ハイドレーションを構成するとき

制限事項

  • このスキルは、タスクが上記の範囲に明確に一致する場合にのみ使用してください。
  • 出力を、環境固有の検証、テスト、専門家によるレビューの代替として扱わないでください。
  • 必要な入力、権限、安全境界、成功基準が不足している場合は、作業を停止して確認を求めてください。

コメント