MCP App StoreMCP App Store
from smarthr-design-system30
Full-screen component for showing unexpected/server (500) errors with guidance and a home link.
Provides a full-screen UI component to inform users that an unexpected server-side error occurred (typically a 500). The component emphasizes clear messaging, suggests next steps (help center link, support), and includes a link back to the application's home.
Use this component when an unrecoverable server error or maintenance event prevents viewing, creating, or updating data. It is intended for global error states where the app should surface a friendly, informative fallback screen.
Compatible with frontend/UI-focused agents and developer assistants that author or review React/TypeScript components (e.g., Copilot, Codex, Gemini CLI).
This skill entry points to a non-existent standalone SKILL.md — the source_path in the repo doesn't exist. The actual content lives inside a parent skill (component-guidelines) as a component reference doc (UnexpectedErrorScreen.md). The content is minimal: a short Japanese description of a React error screen component, one import line, a small props table (single prop: homeUrl), and no implementation rules or usage checklist. No scripts, no triggers, no workflow — it's a reference fragment, not a usable agent skill.
The DB entry's source_path (plugins/smarthr-design-system/skills/smarthr-ui-unexpected-error-screen/SKILL.md) doesn't exist in the repo. The actual skill structure uses component-guidelines as the parent with UnexpectedErrorScreen.md as a component reference file. This appears to be an artifact of how skills were discovered — each component was listed as a separate skill, but they're not standalone skills. Security is clean (no scripts, no network calls, no executable content). Quality is low because the content is just a component API reference with one prop. Architecture is poor — no frontmatter, no triggers, no workflow, and the source path is broken. Usefulness is low since this is a niche React component doc in Japanese, not an agent skill.
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.
