angular-cdk

What problem does it solve?

The angular-cdk skill provides concise, version-aware guidance to build accessible, performant, and composable UI primitives using Angular's Component Dev Kit, reducing time spent researching API changes and implementation patterns.

Core Features & Use Cases

• API Change Awareness & Migration: Highlights recent version-specific changes, deprecations, and recommended replacements to ease upgrades.
• Component Patterns & Integration: Concrete examples for overlays, portals, drag-and-drop, virtual scrolling, focus management, and responsive layout breakpoints for building custom UI primitives.
• Accessibility & Best Practices: Accessibility utilities and focus management patterns for screen-reader friendly modals, tooltips, and interactive regions.
• Use Case: Implement an accessible dropdown backed by Overlay and Portal, add drag-and-drop between lists, or replace large DOM lists with a virtual scroll viewport for performance.

Quick Start

Use the angular-cdk skill to get best-practice guidance and copy-paste-ready examples for implementing overlays, drag-and-drop, portals, and virtual scrolling in an Angular 21 project.