Skip to main content
Designkufu

smarthr-ui-unexpected-error-screen

UnexpectedErrorScreenは、予期しないエラーが発生したことを表示する全画面コンポーネントです。500相当のサーバーエラーを伝えるときに使います。

Stars
30
Source
kufu/smarthr-design-system
Updated
2026-05-29
Slug
kufu--smarthr-design-system--smarthr-ui-unexpected-error-screen
View on GitHubRaw SKILL.md

// install — copy + paste into any project

mkdir -p .claude/skills && curl -fsSL https://raw.githubusercontent.com/kufu/smarthr-design-system/HEAD/plugins/smarthr-design-system/skills/smarthr-ui-unexpected-error-screen/SKILL.md -o .claude/skills/smarthr-ui-unexpected-error-screen.md

Drops the SKILL.md into .claude/skills/smarthr-ui-unexpected-error-screen.md. Works with Claude Code, Cursor, and any agent that loads SKILL.md files from .claude/skills/.

予期しないエラーが発生したことを表示する全画面コンポーネントです。500相当のサーバーエラーを伝えるときに使います。

メンテナンスやシステム障害などでデータの閲覧・作成・更新が安全に実行できない状況の場合、予期しないエラーが発生したメッセージを表示します。 予期しないエラーの場合、対応方法やヘルプセンターへのリンクを丁寧に提示することが重要です。アプリケーションのホームへ戻るリンクも表示してください。

import

import { UnexpectedErrorScreen } from 'smarthr-ui'

Props

Props 名 デフォルト値 必須 説明
homeUrl string - -

実装ルール

UnexpectedErrorScreen に直接関連する eslint-plugin-smarthr のルールは現時点ではありません。

使い方チェックリスト

使い方チェックリスト(Layer 3)は設定されていません。