Skills.
Give your AI a better way to work.
A skill is a set of written instructions that teaches an AI how to do one job the way it should be done: review a pull request, plan a migration, write the release notes.
Install one here and it travels with your account into Claude, Claude Code, Cursor and every other client you sign in with.
Category: Dev tools
17,088 results · page 545 of 570
- View details
canopy-layout-grid-and-spacingSkillDev tools
Foundation guidance for Canopy layout, responsive grid, and spacing. Trigger when setting up responsive layouts, choosing breakpoints, or understanding the grid and spacing system in an Angular project using Canopy.
Ready to connect
- View details
canopy-linkSkillDev tools
Best practices for Canopy link styles. Trigger when using anchor tags, links with icons, external links, or the lg-unstyled-link class in an Angular project using Canopy.
Ready to connect
- View details
canopy-link-menuSkillDev tools
Best practices for the Canopy Link Menu component. Trigger when building link lists, navigation menus, or card-style link collections in an Angular project using Canopy.
Ready to connect
- View details
canopy-listSkillDev tools
Best practices for Canopy list-with-icons usage. Trigger when using lg-list-with-icons, lg-list-with-icons-item, ordered list markers, or list item variant theming in Angular.
Ready to connect
- View details
canopy-mixinsSkillDev tools
Reference for Canopy SCSS mixins. Trigger when using lg-breakpoint, lg-font-size, lg-focus-outline, lg-inner-focus-outline, lg-link, lg-unstyled-link, lg-visually-hidden, lg-status, or lg-content-area mixins in SCSS in an Angular project using Canopy.
Ready to connect
- View details
canopy-modalSkillDev tools
Best practices for the Canopy Modal component. Trigger when using lg-modal, LgModalComponent, LgModalService, or lgModalTrigger in an Angular project using Canopy.
Ready to connect
- View details
canopy-orientationSkillDev tools
Best practices for the Canopy Orientation directive. Trigger when using lgOrientation or LgOrientationDirective to create responsive vertical/horizontal layouts in an Angular project using Canopy.
Ready to connect
- View details
canopy-pageSkillDev tools
Best practices for the Canopy Page component. Trigger when setting up a full-page layout with a header and footer in an Angular project using Canopy.
Ready to connect
- View details
canopy-pictogramSkillDev tools
Best practices for the Canopy Pictogram component. Trigger when using lg-pictogram, LgPictogramComponent, or adding illustrative pictograms in an Angular project using Canopy.
Ready to connect
- View details
canopy-pipes-camel-caseSkillDev tools
Best practices for the Canopy Camel Case pipe. Trigger when using LgCamelCasePipe or transforming strings to camelCase in an Angular project using Canopy.
Ready to connect
- View details
canopy-pipes-kebab-caseSkillDev tools
Best practices for the Canopy Kebab Case pipe. Trigger when using LgKebabCasePipe or transforming strings to kebab-case in an Angular project using Canopy.
Ready to connect
- View details
canopy-progress-indicatorSkillDev tools
Best practices for the Canopy Progress Indicator component. Trigger when adding progress bars, multi-step form journey progress, step counters, or percentage indicators in an Angular project using Canopy.
Ready to connect
- View details
canopy-promo-cardSkillDev tools
Best practices for the Canopy Promo Card component. Trigger when creating promotional content cards, product showcase cards, or feature highlight sections in an Angular project using Canopy.
Ready to connect
- View details
canopy-quick-actionSkillDev tools
Removal notice for the Canopy Quick Action directive. Trigger whenever lg-quick-action, LgQuickActionComponent, or related imports appear in an Angular project using Canopy.
Ready to connect
- View details
canopy-separatorSkillDev tools
Best practices for the Canopy Separator component. Trigger when visually dividing content sections or grouping items in an Angular project using Canopy.
Ready to connect
- View details
canopy-shadowSkillDev tools
Removal notice for the Canopy Shadow directive. Trigger whenever lgShadow, LgShadowDirective, hasHoverState, or related imports appear in an Angular project using Canopy.
Ready to connect
- View details
canopy-show-atSkillDev tools
Best practices for the Canopy Show At directive. Trigger when using lgShowAt or LgShowAtDirective to show elements at specific breakpoints in an Angular project using Canopy.
Ready to connect
- View details
canopy-side-navSkillDev tools
Best practices for the Canopy Side Nav component. Trigger when building sidebar navigation, account section navigation, or multi-page navigation panels in an Angular project using Canopy.
Ready to connect
- View details
canopy-skeletonSkillDev tools
Best practices for the Canopy Skeleton Loading directive. Trigger when adding skeleton loading states, placeholder content while data loads, or shimmer effects in an Angular project using Canopy.
Ready to connect
- View details
canopy-spacing-marginSkillDev tools
Best practices for the Canopy Margin directive. Trigger when applying margin spacing to Canopy components or HTML elements using the Canopy spacing scale in an Angular project.
Ready to connect
- View details
canopy-spacing-paddingSkillDev tools
Best practices for the Canopy Padding directive. Trigger when applying padding to Canopy components or HTML elements using the Canopy spacing scale in an Angular project.
Ready to connect
- View details
canopy-spacing-row-gapSkillDev tools
Best practices for the Canopy Row Gap directive. Trigger when applying row-gap spacing to flex or grid containers using the Canopy spacing scale in an Angular project.
Ready to connect
- View details
canopy-spinnerSkillDev tools
Best practices for the Canopy Spinner component. Trigger when adding loading spinners, indeterminate loading states, or loading buttons in an Angular project using Canopy.
Ready to connect
- View details
canopy-tableSkillDev tools
Best practices for the Canopy Table component. Trigger when displaying tabular data, comparison tables, expandable detail rows, or structured data grids in an Angular project using Canopy.
Ready to connect
- View details
canopy-tabsSkillDev tools
Best practices for the Canopy Tabs component. Trigger when switching between content sections, tabbed navigation, route-based tabs, or single-page tab interfaces in an Angular project using Canopy.
Ready to connect
- View details
canopy-typographySkillDev tools
Foundation guidance for Canopy typography. Trigger when choosing font sizes, font weights, type scales, productive vs expressive text, or applying typography CSS variables in an Angular project using Canopy.
Ready to connect
- View details
canopy-utilsSkillDev tools
Reference for Canopy CSS utility classes. Trigger when using lg-visually-hidden, lg-unstyled-link, or other Canopy utility CSS classes in an Angular project.
Ready to connect
- View details
canopy-v21-migrationSkillDev tools
Apply the Canopy v20→v21 breaking changes to an Angular project. Trigger when the user asks to migrate to Canopy v21, upgrade @legal-and-general/canopy from v20, or fix errors after upgrading to v21.
Ready to connect
- View details
canopy-v22-migrationSkillDev tools
Apply the Canopy v21→v22 breaking changes to an Angular project. Trigger when the user asks to migrate to Canopy v22, upgrade @legal-and-general/canopy from v21, or fix errors after upgrading to v22.
Ready to connect
- View details
canopy-v23-migrationSkillDev tools
Apply the Canopy v22→v23 breaking changes to an Angular project. Trigger when the user asks to migrate to Canopy v23, upgrade @legal-and-general/canopy from v22, or fix errors after upgrading to v23.
Ready to connect
What is a skill?
A skill is plain text, usually a SKILL.md file and the scripts it refers to, written for an AI rather than for a person. It carries the steps, the house rules and the examples a good answer needs, so you stop pasting the same briefing into every new chat.
54,249 of the 54,680 skills listed here can be served through ahel today, and they come from public repositories. Each one has its own page with the instructions themselves on it, so you can read what a skill will tell your AI to do before you install it.
Install one and every AI you use gets it
Installing a skill adds it to your gateway and turns it on in the same step. Claude Code surfaces it as a slash command; any client can read the full instructions with the skill_read tool.
Nothing is copied into a project folder. The instructions are served from your account, so the same skill is there in every AI you connect, and turning it off removes it from all of them at once.