Legal & General
Official@legal-and-general
Offers a comprehensive design system and component library for building accessible, responsive, and standardized enterprise interfaces within Angular environments.
Agent Skills by Legal & General
Showing 74 vetted skills indexed across 1 GitHub repositories.
Legal-and-Generalangular-developer
Codify Angular project scaffolding, architecture, and testing guidelines.
Legal-and-Generalreview-pr-feedback
Summarizes unresolved GitHub PR comments and proposes next steps.
Legal-and-Generalcanopy-v21-migration
Migrate Canopy v20 to v21 in Angular projects by applying breaking changes.
Legal-and-Generalcanopy-v23-migration
Apply Canopy v22 to v23 breaking changes to Angular projects.
Legal-and-Generalcanopy-v24-migration
Apply Canopy v23 to v24 breaking changes to Angular projects.
Legal-and-Generalcanopy-v22-migration
Migrate Angular Canopy projects from v21 to v22 by applying breaking changes.
Legal-and-Generalcanopy-tabs
Guide Angular developers to implement accessible Canopy tab interfaces with LgTabsComponent and LgTabNavBarComponent.
Legal-and-Generalcanopy-side-nav
Guide Angular developers in applying Canopy Side Nav best practices.
Legal-and-Generalcanopy-orientation
Apply lgOrientation directive to Canopy components for responsive layouts.
Legal-and-Generalcanopy-forms-input
Implement Canopy text inputs in Angular with LgInputField labeling and adornments.
Legal-and-Generalcanopy-pagination
Implement Canopy pagination components in Angular projects with accessible controls.
Legal-and-Generalcanopy-footer
Guide Canopy footer component usage with lg-footer attribute and Angular inputs.
Legal-and-Generalcanopy-primary-message
Guide Canopy Primary Message component usage in Angular projects for accessible page-level messages.
Legal-and-Generalcanopy-page
Guide Angular developers to implement full-page layouts with the Canopy lg-page component.
Legal-and-Generalcanopy-feature-toggle
Manage feature flag visibility in Angular Canopy projects via directives and guards.
Legal-and-Generalcanopy-card
Automate best-practice guidance for Canopy Card components in Angular projects.
Legal-and-Generalcanopy-data-point
Implement Canopy Data Point components in Angular with required headingLevel and accessibility standards.
Legal-and-Generalcanopy-mixins
Documents Canopy SCSS mixins for consistent Angular component styling.
Legal-and-Generalcanopy-hero-img
Standardize lg-hero-img component usage in Angular projects with imageUrl and overlap inputs.
Legal-and-Generalcanopy-spacing-padding
Apply Canopy lgPadding directive for breakpoint-aware spacing in Angular projects.
Legal-and-Generalcanopy-alert
Implement accessible inline alerts with Canopy's lg-alert component in Angular projects.
Legal-and-Generalcanopy-brand-icon
Guide lg-brand-icon usage in Angular with predefined inputs and sizing rules.
Legal-and-Generalcanopy-accordion
Guide Angular developers on Canopy lg-accordion usage for multi-panel layouts.
Legal-and-Generalcanopy-skeleton
Apply Canopy skeleton loading directives to Angular components during data fetch.
Frequently Asked Questions About Legal & General
FAQPage SchemaWhat specific tasks can developers perform using the Canopy library?▼
Developers can implement standardized UI components, including accessible forms, responsive grids, navigation menus, and typography, while enforcing consistent design tokens and WCAG accessibility standards across Angular applications.
Which personas benefit most from these technical guidelines?▼
Frontend engineers, UI developers, and accessibility specialists working within Angular ecosystems benefit from these standardized patterns, which reduce implementation variance and ensure consistent user experiences across enterprise digital products.
How are design system updates and breaking changes managed?▼
The registry provides specific migration paths for Canopy versions, offering guidance on applying breaking changes to Angular projects to ensure compatibility with the latest component architecture and styling directives.