
from L&G Canopy23
Automates the migration of Angular projects from Canopy v20 to v21 by applying breaking changes to components, directives, and CSS variables.
This skill helps agents migrate Angular projects using the Canopy design system from version 20 to 21. It identifies and replaces deprecated APIs and styles to ensure the project remains compatible with the latest design system standards.
Trigger this skill when a user asks to upgrade @legal-and-general/canopy to v21, migrate an existing v20 project, or resolve build errors occurring after a Canopy version bump.
variant to status inputs, lgVariant to lgColour/lgColourTheme directives, and renaming/removing CSS variables.Ideal for coding agents with file-system access and regex search capabilities like Cursor, Claude Code, or Codex.
This skill has not been reviewed by our automated audit pipeline yet.
Canopy Heading — Best Practices
Guidance for using the LgHeadingComponent from @legal-and-general/canopy when headings must be rendered at a dynamic semantic level.
Canopy Filter Buttons Best Practices
Implementation guide for adding filter button controls in Angular projects using the Canopy design system.