angular-cdk
✓アクセシビリティ、オーバーレイ、ドラッグ アンド ドロップ、仮想スクロール、レイアウト ユーティリティを備えたカスタム コンポーネントを構築するための Angular Component Dev Kit (CDK) の専門知識。カスタム UI コンポーネントの作成、アクセシビリティ機能の実装、オーバーレイ/ダイアログの構築、大きなリストの仮想スクロール、またはレスポンシブ レイアウト用の CDK ユーティリティの使用を行う場合に使用します。
SKILL.md
🎯 Purpose This skill provides comprehensive guidance on the Angular Component Dev Kit (CDK), a set of behavior primitives for building accessible, high-quality Angular components without Material Design styling.
The Angular CDK is a library of unstyled UI component behaviors:
| Overlay not positioning correctly | Check scroll strategy and position preferences | | Virtual scroll not rendering | Ensure itemSize matches actual item height | | Drag & drop not working | Import DragDropModule and use correct directives | | Focus trap not working | Ensure element has focusable children |
アクセシビリティ、オーバーレイ、ドラッグ アンド ドロップ、仮想スクロール、レイアウト ユーティリティを備えたカスタム コンポーネントを構築するための Angular Component Dev Kit (CDK) の専門知識。カスタム UI コンポーネントの作成、アクセシビリティ機能の実装、オーバーレイ/ダイアログの構築、大きなリストの仮想スクロール、またはレスポンシブ レイアウト用の CDK ユーティリティの使用を行う場合に使用します。 ソース: 7spade/black-tortoise。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/7spade/black-tortoise --skill angular-cdk- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
angular-cdk とは？
アクセシビリティ、オーバーレイ、ドラッグ アンド ドロップ、仮想スクロール、レイアウト ユーティリティを備えたカスタム コンポーネントを構築するための Angular Component Dev Kit (CDK) の専門知識。カスタム UI コンポーネントの作成、アクセシビリティ機能の実装、オーバーレイ/ダイアログの構築、大きなリストの仮想スクロール、またはレスポンシブ レイアウト用の CDK ユーティリティの使用を行う場合に使用します。 ソース: 7spade/black-tortoise。
angular-cdk のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/7spade/black-tortoise --skill angular-cdk インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/7spade/black-tortoise
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01