angular-cdk
✓Angular Component Dev Kit (CDK) expertise for building custom components with accessibility, overlays, drag-and-drop, virtual scrolling, and layout utilities. Use when creating custom UI components, implementing accessibility features, building overlays/dialogs, virtual scrolling for large lists, or using CDK utilities for responsive layouts.
Installation
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) expertise for building custom components with accessibility, overlays, drag-and-drop, virtual scrolling, and layout utilities. Use when creating custom UI components, implementing accessibility features, building overlays/dialogs, virtual scrolling for large lists, or using CDK utilities for responsive layouts. Source: 7spade/black-tortoise.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/7spade/black-tortoise --skill angular-cdk- Source
- 7spade/black-tortoise
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is angular-cdk?
Angular Component Dev Kit (CDK) expertise for building custom components with accessibility, overlays, drag-and-drop, virtual scrolling, and layout utilities. Use when creating custom UI components, implementing accessibility features, building overlays/dialogs, virtual scrolling for large lists, or using CDK utilities for responsive layouts. Source: 7spade/black-tortoise.
How do I install angular-cdk?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/7spade/black-tortoise --skill angular-cdk Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/7spade/black-tortoise
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01