canopy-primary-message
OfficialMaster Canopy Primary Message usage.
AuthorLegal-and-General
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill provides best-practice guidance for implementing Canopy's Primary Message component within Angular projects, ensuring consistent messaging UI and accessibility.
Core Features & Use Cases
- Clear guidance on when to use the primary message (empty states, confirmations, errors, information banners).
- Do's and Don'ts to maintain a clean, accessible, and brand-consistent UI.
- Real-world example: integrating a concise success banner with a clear CTA in a page that shows post-action status.
Quick Start
Place the Canopy primary message component as the sole content in its container and follow the recommended structure to display a title, description, and optional action.
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-primary-message Download link: https://github.com/Legal-and-General/canopy/archive/main.zip#canopy-primary-message 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.