MCP App StoreMCP App Store
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.
Construit des systèmes de couleurs complets à partir de couleurs de marque ou d'entrées. Produit des échelles OKLCH à 11 étapes, valide le contraste WCAG pour les paires avant-plan/arrière-plan, mappe les rôles de couleurs sémantiques (primaire, secondaire, accent, neutre) et génère des équivalents pour le mode sombre. Les sorties incluent des fragments de color-system.md et palettes.json pour l'intégration dans des systèmes de design.
Utilisez cette compétence lorsque vous avez besoin de palettes déterministes et prêtes pour la production pour une marque, souhaitez une validation automatisée du contraste pour l'accessibilité, ou avez besoin de mappages de mode sombre qui préservent le contraste. Idéal pour les designers, les ingénieurs front-end et les pipelines de design automatisés.
references/ avec des conseils de composition et des notes techniques.Idéal avec les agents supportant la lecture/écriture de fichiers et le calcul déterministe (Claude Code, agents de type Codex, ou tout agent avec des bibliothèques de calcul de couleurs).
GSP Color est une compétence d'instruction d'agent pour construire des systèmes de couleurs prêts pour la production avec des palettes OKLCH, la validation du contraste WCAG et le mappage du mode sombre. Aucun script groupé à tester — elle est purement basée sur des prompts, déléguant aux fichiers de domaine pour la logique détaillée. Structure propre avec une bonne divulgation progressive et une conception à deux modes (palette vs système).
Compétence de prompt pur sans code exécutable — la sécurité est trivialement propre. Bien structurée avec une détection de mode claire et un modèle de délégation. Limitée à la convention CLAUDE/CLAUDE_SKILL_DIR.
Construction de Projet GSP
Traduit des fragments de design en code frontend prêt pour la production via un pipeline de construction phasé.
Concepteur de Système Typographique GSP
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.
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.
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.
Shopify Store Audit
Structured, page-by-page audit of Shopify storefronts to find conversion blockers and prioritized fixes for copy, UX, trust signals, and checkout friction.
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.