Does it support the latest Angular performance features?

Absolutely. It promotes the use of standalone components, zoneless change detection compatibility, ChangeDetectionStrategy.OnPush, and CDK Virtual Scroll for high-performance applications.

What version of Angular Material does this skill support?

This skill is optimized for Angular Material and CDK version 21.0.3, including support for the latest features like Angular Aria and browser-native popovers.

Can I use this for building custom components without Material styling?

Yes, the skill includes deep support for the Angular CDK, allowing you to use headless primitives for behaviors like drag-and-drop, overlays, and accessibility without being tied to Material Design visuals.

Does this skill help with custom styling and theming?

Yes, it provides best practices for customizing themes using SCSS, Material Design system tokens, and utility classes to match your specific brand requirements.

Angular Material & CDK

Name: Angular Material & CDK
Author: oguzhan18

byoguzhan18

•

Design Tools

Implements accessible, high-performance Material Design components and CDK utilities for modern Angular applications.

This skill equips Claude with specialized knowledge for building enterprise-grade user interfaces using Angular Material and the Component Dev Kit (CDK). It ensures that generated code adheres to the latest standards for version 21+, including support for standalone components, Angular Aria, and browser-native popover overlays. Whether you are building complex data tables, implementing drag-and-drop functionality, or customizing design tokens, this skill provides the patterns and best practices needed for accessible, performant, and maintainable frontend code.

Key Features

016 GitHub stars

02Material Design system token and utility class application

03Accessibility compliance via ARIA and keyboard navigation

04Standalone component integration patterns

05Performance optimization using Virtual Scroll and OnPush strategy

06CDK utility implementation for headless UI behaviors

Use Cases

01Modernizing Angular applications with version 21+ features and zoneless detection

02Building responsive enterprise dashboards with Material Design components

03Creating custom accessible UI components using CDK primitives

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add oguzhan18/angular-ecosystem-skills angular-material

For use in Claude.ai and ChatGPT

Key Features

016 GitHub stars

02Material Design system token and utility class application

03Accessibility compliance via ARIA and keyboard navigation

04Standalone component integration patterns

05Performance optimization using Virtual Scroll and OnPush strategy

06CDK utility implementation for headless UI behaviors

Use Cases

01Modernizing Angular applications with version 21+ features and zoneless detection

02Building responsive enterprise dashboards with Material Design components

03Creating custom accessible UI components using CDK primitives

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add oguzhan18/angular-ecosystem-skills angular-material

For use in Claude.ai and ChatGPT