MCP App StoreMCP App Store
from L&G Canopy23
Guidance for using the LgHeadingComponent from @legal-and-general/canopy when headings must be rendered at a dynamic semantic level.
This skill documents best-practice usage of the LgHeadingComponent from the Canopy design system for Angular. It explains when to use the component (inside wrapper components where heading level must be configurable), the expected inputs, and design constraints to preserve a logical document outline.
Use this skill when building Angular components that must render headings at variable semantic levels (1–6), for example accordion panels, cards, or other wrapper components where consumers decide heading level. Avoid using LgHeadingComponent for static, top-level headings in application templates.
level input, and design constraints for maintaining document hierarchy.This is a documentation/best-practice skill for frontend developers and is tool-agnostic. Relevant agent tooling: code linters, Angular CLI integrations, and developer tooling (e.g., codex/codex-cli, cursor).
Documentation-only skill for the Canopy LgHeadingComponent from Legal & General's Angular design system. No scripts to execute. The SKILL.md is well-structured with clear usage examples, input documentation, and design constraints. Extremely niche — only useful to developers working with the @legal-and-general/canopy package.
Clean documentation skill with no security concerns. Well-written but very narrow audience. No scripts, references, or automation — purely instructional.
Canopy Filter Buttons Best Practices
Implementation guide for adding filter button controls in Angular projects using the Canopy design system.
Canopy v20 to v21 Migration Guide
Automates the migration of Angular projects from Canopy v20 to v21 by applying breaking changes to components, directives, and CSS variables.
Scientific Schematics & Diagrams
Generate publication-quality scientific diagrams via AI with iterative quality review and smart regeneration for journal, conference, poster, and presentation o
Clerk Vue Patterns
Vue 3 integration patterns for Clerk: composables, router guards, and Pinia auth store integration.
Colorize (Strategic UI Color)
Introduce purposeful color into monochromatic or dull interfaces to improve hierarchy, meaning, and emotional warmth while preserving accessibility.
OpenTestAI
Automated, high-confidence AI testing: bug detection, persona feedback, and prioritized test-case generation using many specialized tester profiles.
Cognitive Accessibility Specialist
Audits content, forms and authentication flows for cognitive accessibility (WCAG 2.2 / COGA) and gives prioritized remediation and plain-language guidance.
Agent Browser — Core
Core usage guide for agent-browser: snapshot-and-ref browser automation to navigate pages, interact with elements, extract data, take screenshots, manage sessio
React Development Expert
Provides authoritative React guidance on hooks, state patterns, Server Components, performance optimization, and common architectural patterns.
Office & Design Toolkit
Comprehensive toolkit for processing and producing DOCX, PPTX, XLSX and PDF files plus design guidance and quality checks for professional office documents and