MCP App StoreMCP App Store
Créez des systèmes typographiques prêts pour la production, incluant des échelles fluides, des associations de polices et un rythme vertical avec sortie CSS.
Cette compétence transforme la typographie, passant d'un choix visuel à un système mathématique. Elle génère des échelles typographiques précises, des associations de polices et une typographie fluide (utilisant CSS clamp) pour garantir une hiérarchie visuelle professionnelle et responsive sur toutes les tailles d'écran.
Utilisez cette compétence lors de la phase de passage du design au code d'un projet, lorsque vous devez établir un système typographique formel, choisir une association de polices basée sur des préréglages de style (ex: 'cyberpunk'), ou convertir un ratio visuel en une implémentation CSS fonctionnelle.
typography.md) et un fichier CSS prêt à l'emploi (compatible Tailwind v4 ou CSS vanilla).Conçu pour les agents de design-engineering (comme Claude Code ou Cursor) capables d'effectuer des écritures de fichiers et d'interagir avec l'utilisateur pour des décisions de conception itératives.
Cette compétence n'a pas encore été examinée par notre pipeline d'audit automatisé.
Construction de Projet GSP
Traduit des fragments de design en code frontend prêt pour la production via un pipeline de construction phasé.
GSP Color
Générez des systèmes de couleurs prêts pour la production : palettes OKLCH, vérifications de contraste WCAG, rôles sémantiques et mappages pour le mode sombre.
Révision de Projet GSP
Validation QA de l'implémentation du code par rapport à l'intention de conception, vérification de l'utilisation des jetons, de l'accessibilité et de la couverture des écrans.
Identité de Marque GSP
Direction créative pour l'identité visuelle, incluant les systèmes de logos, les palettes de couleurs et la typographie basées sur la stratégie de marque.
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.