DOM 操作と動作拡張のために Angular v20 以降でカスタム ディレクティブを作成します。要素の動作/外観を変更する属性ディレクティブ、ポータル/オーバーレイの構造ディレクティブ、および構成用のホスト ディレクティブに使用します。再利用可能な DOM 動作の作成、要素の機能の拡張、またはコンポーネント間での動作の合成をトリガーします。注 - 制御フローには、カスタム構造ディレクティブではなく、ネイティブの @if/@for/@switch を使用します。
コマンドラインで angular-directives AI スキルを開発環境にすばやくインストール
ソース: zard-ui/zardui。
Create custom directives for reusable DOM manipulation and behavior in Angular v20+.
Use structural directives for DOM manipulation beyond control flow (portals, overlays, dynamic insertion points). For conditionals and loops, use native @if, @for, @switch.
DOM 操作と動作拡張のために Angular v20 以降でカスタム ディレクティブを作成します。要素の動作/外観を変更する属性ディレクティブ、ポータル/オーバーレイの構造ディレクティブ、および構成用のホスト ディレクティブに使用します。再利用可能な DOM 動作の作成、要素の機能の拡張、またはコンポーネント間での動作の合成をトリガーします。注 - 制御フローには、カスタム構造ディレクティブではなく、ネイティブの @if/@for/@switch を使用します。 ソース: zard-ui/zardui。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/zard-ui/zardui --skill angular-directives インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/zard-ui/zardui --skill angular-directivesDOM 操作と動作拡張のために Angular v20 以降でカスタム ディレクティブを作成します。要素の動作/外観を変更する属性ディレクティブ、ポータル/オーバーレイの構造ディレクティブ、および構成用のホスト ディレクティブに使用します。再利用可能な DOM 動作の作成、要素の機能の拡張、またはコンポーネント間での動作の合成をトリガーします。注 - 制御フローには、カスタム構造ディレクティブではなく、ネイティブの @if/@for/@switch を使用します。 ソース: zard-ui/zardui。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/zard-ui/zardui --skill angular-directives インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/zard-ui/zardui