skills.rest
Legal-and-General
Legal-and-GeneralOFFICIAL
Explore all skills by this author →
Website𝕏@landg_groupGitHub

canopy-card

Automate best-practice guidance for Canopy Card components in Angular projects.

23|46|Updated Sep 7, 2020
Search Tags:#angular#best-practices#ui-patterns#card#component-guidance#canopy#lg-card
One-click install
npx skills add https://github.com/Legal-and-General/canopy --skill canopy-card
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: canopy-card
Source: https://github.com/Legal-and-General/canopy/tree/main/skills/best-practice/card
Command: npx skills add https://github.com/Legal-and-General/canopy --skill canopy-card

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides structured guidance for implementing Canopy Card components in Angular projects, ensuring consistent usage and adherence to design system standards.

Core Features & Use Cases

  • Clear usage guidance for lg-card and related LgCard* components.
  • Examples of card composition, titles, content, and templates to support consistent UI patterns.
  • Reusable patterns for responsive layouts and accessibility considerations when presenting card content.

Quick Start

Follow the Canopy Card best-practices examples to implement lg-card components correctly in your Angular project.

Frequently Asked Questions about canopy-card

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement Canopy Card components in Angular?▼

To implement Canopy Card components in Angular, follow best-practice guidance for lg-card and related LgCard* components to ensure consistent structure, accessibility, and UI pattern adherence.

What is the best way to structure titles and content in lg-card components?▼

The best way to structure lg-card content is using provided examples for card composition, titles, and templates, which support consistent UI patterns and accessibility considerations for your Angular project.

Do I need to follow specific accessibility considerations when using LgCard components?▼

Yes, you need to follow accessibility considerations when using LgCard components, as the guidance provides reusable patterns to ensure accessible presentation of card content within Angular layouts.

Can I use Canopy Card best practices for responsive layouts in Angular?▼

Yes, you can use Canopy Card best practices for responsive layouts in Angular, as the guidance includes reusable patterns specifically designed to support responsive layout implementation with lg-card components.

Why does my Angular project need a SKILL.md frontmatter for Canopy Card guidance?▼

Your Angular project needs a SKILL.md frontmatter with a valid name and description because the automated best-practice guidance for Canopy Card components requires it to process and outline usage instructions correctly.

Related Skills

Explore More Software Engineering Skills→
Legal-and-GeneralLegal-and-General
23

canopy-modal

Consolidate Canopy Modal usage guidance for Angular projects.

Official
Advanced
Legal-and-GeneralLegal-and-General
23

canopy-hero-img

Standardize lg-hero-img component usage in Angular projects with imageUrl and overlap inputs.

Official
Intermediate
Legal-and-GeneralLegal-and-General
23

canopy-spinner

Guide lg-spinner usage for accessible loading indicators in Angular projects.

Official
Intermediate
dereekbdereekb
13

DBX Web Layout Components

Implement DBX Web layout components in Angular projects.

Community
Intermediate