canopy-hero
OfficialBest practices for Canopy Hero components.
AuthorLegal-and-General
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Provide clear, consistent guidance for implementing Canopy Hero components in Angular projects to ensure uniform behavior, accessibility, and visual fidelity across pages.
Core Features & Use Cases
- Guided implementation of lg-hero and related subcomponents for page headers, product hero banners, and conversational hero sections.
- Consistent design guidance covering layout, breadcrumbs, and responsive behavior across Canopy Hero usage.
- Real-world example demonstrates best-practice composition of lg-hero with header, content, and card sections.
Quick Start
Install the Canopy Hero package and apply the lg-hero component with its subcomponents in an Angular page.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: canopy-hero Download link: https://github.com/Legal-and-General/canopy/archive/main.zip#canopy-hero Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.