mcpField
A
angular-material

angular-material

github.com/pluginagentmarketplaceDesign & UI5262 installsUpdated 42w ago
Repository

About angular-material

A design skill for Angular developers building responsive, accessible interfaces with Angular Material. It covers components, theming, and CDK capabilities.

Key features

  1. 01Form, navigation, and layout components
  2. 02Data tables, pagination, and dialogs
  3. 03Custom themes, palettes, and dark mode
  4. 04CDK overlays, drag and drop, and virtual scrolling
  5. 05Responsive, accessibility, and performance practices

Use cases

  1. 01Build consistent Angular Material interfaces
  2. 02Create a branded custom theme
  3. 03Implement accessible forms and navigation
  4. 04Use CDK for drag-and-drop or virtual-scrolling interfaces

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/pluginagentmarketplace/custom-plugin-angular --skill angular-material

After installing, type/angular-materialin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

assets/
config.yaml
schema.json
references/
GUIDE.md
PATTERNS.md
scripts/
validate.py

Details

From the project README

Angular Material Skill

Overview

Build beautiful, accessible Angular applications using Angular Material component library with custom theming and responsive layouts.

Topics Covered

Component Library
  • Form controls (inputs, selects, checkboxes)
  • Navigation (toolbar, sidenav, menus)
  • Layout (cards, lists, grids)
  • Data tables and pagination
  • Dialogs and snackbars
Theming
  • Custom theme creation
  • Color palettes and typography
  • Dark mode implementation
  • Component customization
  • CSS variables integration
CDK (Component Dev Kit)
  • Overlay system
  • Drag and drop
  • Virtual scrolling
  • Accessibility utilities
  • Custom component creation
Best Practices
  • Responsive design patterns
  • Accessibility compliance (a11y)
  • Performance optimization
  • Lazy loading Material modules

Prerequisites

  • Angular Core fundamentals
  • CSS/SCSS basics
  • Component architecture

Learning Outcomes

  • Build consistent Material UI interfaces
  • Create custom themes and branding
  • Implement accessible components
  • Use CDK for advanced features

Comments

Markdown supported