angular-best-practices-primeng について
Angular開発者向けにPrimeNGの実践方法を扱う追加スキルです。コンポーネントのインポート、大規模テーブルの性能、テーマ設定に焦点を当て、angular-best-practicesを補完します。
主な機能
- 01スタンドアロンコンポーネントのインポート
- 02大規模テーブルの遅延読み込み
- 03サーバーサイドページネーションのガイド
- 04AuraとLaraのテーマトークン
活用シーン
- 01選択的なインポートによるバンドル縮小
- 02大規模データセット向けテーブル設定
- 03デザイントークンを使ったPrimeNGテーマ設定
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/angular-best-practices-primengを入力して読み込まれたか確認します。
同梱ファイルAGENTS.md
詳細
Angular PrimeNG のベストプラクティス
コンポーネントのインポート、テーブルのパフォーマンス、テーマ設定に関する PrimeNG のルールです。Angular を包括的にカバーするには、コアの angular-best-practices スキルと併用してください。
リンク
適用する場面
- PrimeNG のスタンドアロンコンポーネントをインポートするとき
- サーバーサイドページネーションや仮想スクロールを使用してテーブルを設定するとき
- デザイントークンを使って Aura／Lara テーマを設定するとき
ルール
| ルール | 影響度 | 説明 |
|---|---|---|
| PrimeNG のインポートをツリーシェイクする | 中 | バンドルサイズを小さくするスタンドアロンコンポーネントのインポート |
| 遅延読み込みで PrimeNG Table を使用する | 高 | 大規模なデータセット向けのサーバーサイドページネーション |
| PrimeNG のテーマシステムを使用する | 中 | CSS の上書きではなく、providePrimeNG によるデザイントークンの使用 |
インストール
skills.sh/alfredoperez/angular-best-practicesからインストールしてください。
- コアスキル：angular-best-practices
- このアドオン：angular-best-practices-primeng
コメント
Markdown 対応