canopy-carousel
Provides guidance on migrating away from deprecated Canopy Carousel components in Angular projects.
Install
mkdir -p .claude/skills/canopy-carousel && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/16344" && unzip -o skill.zip -d .claude/skills/canopy-carousel && rm skill.zipInstalls to .claude/skills/canopy-carousel
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Deprecation notice for the Canopy Carousel component. Trigger whenever lg-carousel, LgCarouselComponent, LgCarouselItemComponent, or LgAutoplayComponent appear in an Angular project using Canopy.Key capabilities
- →Identify usage of `lg-carousel` in Angular templates
- →Identify usage of `LgCarouselComponent` in Angular imports
- →Identify usage of `LgCarouselItemComponent` in Angular imports
- →Identify usage of `LgAutoplayComponent` in Angular projects
- →Remove `LgCarouselComponent` from `NgModule` or standalone component `imports` arrays
- →Remove `lg-carousel` and `lg-carousel-item` elements from templates
How it works
The skill identifies and removes deprecated Canopy Carousel component usage, including `lg-carousel` elements from templates and `LgCarouselComponent` imports from Angular modules.
Inputs & outputs
When to use canopy-carousel
- →Removing LgCarousel from Angular projects
- →Refactoring templates to remove carousel usage
About canopy-carousel
Identifies deprecated `LgCarouselComponent` usage and provides instructions for removal from imports, templates, and module definitions.
Deprecation notice for the Canopy Carousel component. Trigger whenever lg-carousel, LgCarouselComponent, LgCarouselItemComponent, or LgAutoplayComponent appear in an Angular project using Canopy.
When not to use it
- →When creating new feature work that requires a carousel component
- →When adding `LgCarouselComponent` to new standalone component `imports` arrays
Limitations
- →No documented replacement is available for the deprecated carousel component.
How it compares
This skill automates the removal of a specific deprecated component, providing clear instructions for migration, unlike manually searching and deleting code.
Compared to similar skills
canopy-carousel side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| canopy-carousel (this skill) | 0 | 3mo | No flags | Beginner |
| angular | 100 | 4mo | Review | Advanced |
| angular-state-management | 8 | 4mo | No flags | Intermediate |
| angular-ui-patterns | 4 | 4mo | No flags | Beginner |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by Legal-and-General
View all by Legal-and-General →You might also like
angular
sickn33
Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns. Use PROACTIVELY for Angular development, component architecture, state management, performance optimization, and migration to modern patterns.
angular-state-management
sickn33
Master modern Angular state management with Signals, NgRx, and RxJS. Use when setting up global state, managing component stores, choosing between state solutions, or migrating from legacy patterns.
angular-ui-patterns
sickn33
Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states.
angular-modernization
bitwarden
Modernizes Angular code such as components and directives to follow best practices using both automatic CLI migrations and Bitwarden-specific patterns. YOU must use this skill when someone requests modernizing Angular code. DO NOT invoke for general Angular discussions unrelated to modernization.
angular-routing
analogjs
Implement routing in Angular v20+ applications with lazy loading, functional guards, resolvers, and route parameters. Use for navigation setup, protected routes, route-based data loading, and nested routing. Triggers on route configuration, adding authentication guards, implementing lazy loading, or reading route parameters with signals.
igniteui-angular-grids
igniteui
Provides guidance on all Ignite UI for Angular data grid types (Flat Grid, Tree Grid, Hierarchical Grid, Grid Lite, Pivot Grid) including setup, column configuration, sorting, filtering, selection, editing, grouping, summaries, toolbar, export, paging, remote data, and state persistence. Use when users ask about grids, tables, data grids, tabular data display, cell editing, batch editing, row selection, column pinning, column hiding, grouping rows, pivot tables, tree-structured data, hierarchical data, master-detail views, or exporting grid data.