MCP App StoreMCP App Store
Composant plein écran pour l'affichage d'erreurs inattendues ou serveur (500) avec conseils et un lien vers l'accueil.
Fournit un composant UI plein écran pour informer les utilisateurs qu'une erreur serveur inattendue s'est produite (typiquement une erreur 500). Le composant met l'accent sur un message clair, suggère les étapes suivantes (lien vers le centre d'aide, support) et inclut un lien de retour vers la page d'accueil de l'application.
Utilisez ce composant lorsqu'une erreur serveur irrécupérable ou un événement de maintenance empêche la consultation, la création ou la mise à jour de données. Il est destiné aux états d'erreur globaux où l'application doit afficher un écran de repli convivial et informatif.
Compatible avec les agents orientés frontend/UI et les assistants développeurs qui rédigent ou révisent des composants React/TypeScript (ex: Copilot, Codex, Gemini CLI).
Cette entrée de compétence pointe vers un SKILL.md indépendant inexistant — le source_path dans le dépôt n'existe pas. Le contenu réel se trouve à l'intérieur d'une compétence parente (component-guidelines) en tant que document de référence de composant (UnexpectedErrorScreen.md). Le contenu est minimal : une courte description japonaise d'un composant d'écran d'erreur React, une ligne d'importation, un petit tableau de props (une seule prop : homeUrl), et aucune règle d'implémentation ni checklist d'utilisation. Pas de scripts, pas de déclencheurs, pas de flux de travail — c'est un fragment de référence, pas une compétence d'agent utilisable.
Le source_path de l'entrée DB (plugins/smarthr-design-system/skills/smarthr-ui-unexpected-error-screen/SKILL.md) n'existe pas dans le dépôt. La structure réelle de la compétence utilise component-guidelines comme parent avec UnexpectedErrorScreen.md comme fichier de référence de composant. Cela semble être un artefact de la manière dont les compétences ont été découvertes — chaque composant a été listé comme une compétence distincte, mais ils ne sont pas des compétences autonomes. La sécurité est propre (pas de scripts, pas d'appels réseau, pas de contenu exécutable). La qualité est faible car le contenu n'est qu'une référence d'API de composant avec une seule prop. L'architecture est mauvaise — pas de frontmatter, pas de déclencheurs, pas de flux de travail, et le chemin source est erroné. L'utilité est faible car il s'agit d'une documentation de composant React de niche en japonais, et non d'une compétence d'agent.
Websocket Client Creator
Generates and guides websocket client integrations: configuration, code samples, best practices, and validation for production-ready websocket clients.
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.
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.
Node.js Best Practices
Guidelines and decision-making for Node.js architecture, runtime, async patterns, security, validation, and testing to inform framework and system choices.
SSE Stream Resilience
Provide robust server-sent-events (SSE) stream management with Redis-backed registry, heartbeat monitoring, completion persistence, and background guardian clea
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.
