MCP App StoreMCP App Store
de L&G Canopy23
Guide d'implémentation pour l'ajout de contrôles de boutons de filtre dans des projets Angular utilisant le système de conception Canopy.
Cette compétence fournit un ensemble de bonnes pratiques et de modèles d'implémentation pour l'utilisation de boutons de filtre au sein du système de conception Canopy. Elle garantit que les contrôles de filtrage des données sont cohérents, accessibles et conviviaux.
Utilisez cette compétence lors de l'implémentation de contrôles de filtre pour restreindre des ensembles de données dans un projet Angular utilisant la bibliothèque @legal-and-general/canopy, spécifiquement lors du choix entre des boutons de filtre à sélection unique (style radio) et à sélection multiple (style case à cocher).
LgRadioGroupComponent vs LgCheckboxGroupComponent), exemples d'implémentation HTML et une liste complète des « À faire et à ne pas faire » en UX.Principalement destiné aux agents assistant le développement Angular et l'implémentation d'interfaces utilisateur frontend utilisant le système de conception Canopy.
Cette compétence n'a pas encore été examinée par notre pipeline d'audit automatisé.
Canopy Heading — Bonnes Pratiques
Conseils pour l'utilisation du LgHeadingComponent de @legal-and-general/canopy lorsque les titres doivent être rendus à un niveau sémantique dynamique.
Guide de Migration Canopy v20 vers v21
Automatise la migration des projets Angular de Canopy v20 vers v21 en appliquant les changements majeurs aux composants, directives et variables CSS.
Clerk Vue Patterns
Vue 3 integration patterns for Clerk: composables, router guards, and Pinia auth store integration.
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
ClearShot — Screenshot UI Analysis
Structured UI screenshot analysis using a 5×5 spatial grid, full element inventory, and design system extraction. Escalates to full implementation blueprint whe
Colorize — Strategic UI Color Introduction
Introduce purposeful color to monochromatic interfaces to improve hierarchy, meaning, and visual engagement while preserving accessibility.
DAUB UI
A drop-in CSS+JS component library with 70+ carefully designed components and 20 theme families for fast, consistent UI building.
dotLottie Web
Guidelines and patterns for implementing performant dotLottie/Lottie animations on the web (vanilla JS and React), including workers, state machines, and themin
React Context Setup
Automates guidance and code patterns for setting up React Context, providing step-by-step configuration and best-practice examples for frontend projects.