本文へ移動
cccskills
無料GitHub で公開日本語紹介

monitoring

監視画面の稼働確認、公開ステータスページ、エラー調査について、画面・サーバー処理・データ構造の実装箇所をたどれます。

原文原文の説明を見る

Implementation map for the Monitoring tab (uptime checks, public status pages, error triage): component/server file locations, schema, jobs, and scheduler wiring. Use when building or debugging Monitoring UI, uptime checks, status pages, or error capture/grouping — not when just calling the monitoring actions from chat.

BuilderIO/agent-nativeスター 7,525(GitHub 7,525 + cccskills 0)
連携ツールSentry

実行スコア 未検証

インストール方法を見る

こんなときに便利

  • 稼働確認の実装箇所を調べたいとき
  • 公開ステータスページを修正したいとき
  • エラー収集や分類をデバッグしたいとき
  • 録画とエラー情報の連携を追いたいとき

日本語での紹介

できること

Monitoringタブの構成をたどり、稼働確認、公開ステータスページ、エラー調査の実装箇所を把握できます。画面コンポーネント、サーバー側の処理、データベースのスキーマ、定期実行ジョブやスケジューラー、関連アクションが整理されています。エラーは指紋情報に基づいて問題ごとにまとめられ、発生頻度やスタックトレース、パンくず情報、セッションリプレイへのリンクなどを確認する構成です。録画中のコンソールエラーとエラー一覧の問題を結び付ける仕組みも説明します。

こんなときに便利

Monitoring画面を新しく作る、既存の稼働確認やステータスページを修正する、エラーの収集・分類を調べる開発者向けです。画面からサーバー処理まで関連箇所を順に探せるため、変更の影響範囲を確認するときにも使えます。チャットから監視アクションを呼び出すだけの場合ではなく、Monitoring機能そのものの実装やデバッグに向いています。

使い方の例

  • 「稼働確認の定期実行がどこで設定されているか調べてください」
  • 「公開ステータスページの画面とサーバー処理を案内してください」
  • 「エラー問題とセッションリプレイの連携箇所を確認してください」

注意点

本番のサーバーレス環境では、プロセス内の定期実行ではなく、生成されたワーカーまたは外部cronに依存します。

この紹介文は、公開されている SKILL.md をもとに AI(OpenAI Codex)が作成しました。正確な仕様は下の原文を確認してください。

含まれるファイル(1)

  • SKILL.md4.6 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Monitoring Implementation Map

/monitoring is a thin shell (app/routes/monitoring._index.tsx → app/pages/monitoring/MonitoringPage.tsx) hosting two independently-owned panels selected by ?view=uptime|errors (defaults to uptime). navigation mirrors it as view="monitoring" with monitoringView (plus monitorId/errorIssueId when a row is open); each panel also writes richer selection to the monitoring application-state key.

Uptime

  • UI: app/pages/monitoring/UptimePanel.tsx, app/pages/monitoring/uptime/**.
  • Server: server/lib/uptime-monitors.ts (checks/alerting), sweep job server/jobs/uptime-monitors.ts, scheduler server/plugins/uptime-monitor-jobs.ts, schema server/db/schema-monitoring.ts.
  • Actions: list-monitors, get-monitor, save-monitor, run-monitor-check, delete-monitor.
  • Production serverless/Netlify-style runtimes skip the in-process interval scheduler and rely on the generated scheduled/background worker or external cron instead.
  • Deep links: list ?view=uptime, detail ?view=uptime&monitor=<id>, create ?view=uptime&monitor=new, edit ?view=uptime&monitor=<id>&edit=1.
  • See docs/uptime-monitoring.md.

Status Pages

  • UI: app/pages/monitoring/uptime/status-pages/**, a config sub-view under Uptime that bundles chosen monitors under a public /status/<slug> page.
  • Server: owner-scoped CRUD and the sanitized public projection live in server/lib/status-pages.ts over server/db/schema-monitoring.ts.
  • Actions: list-status-pages, get-status-page, save-status-page, delete-status-page, add-status-page-monitor, remove-status-page-monitor, reorder-status-page-monitors, plus the unauthenticated get-public-status-page.
  • Deep links: index ?view=uptime&statuspage=list, create ?view=uptime&statuspage=new, edit ?view=uptime&statuspage=<id>.

Errors

  • UI: app/pages/monitoring/ErrorsPanel.tsx, app/pages/monitoring/errors/** — first-party, Sentry-style exception triage grouped into issues by fingerprint.
  • Server: ingest/grouping in server/lib/error-capture.ts over server/db/schema-errors.ts.
  • Browser exceptions arrive through configureTracking() as $exception events; server captureError() failures arrive through the shared tracking provider when the server Analytics key is configured and use the same grouped issue store.
  • Actions: list-error-issues, get-error-issue, resolve-error-issue, capture-test-error, match-error-issues.
  • Browser capture uses the SDK from @agent-native/core/client (captureException / captureMessage / addErrorBreadcrumb), auto-enabled by configureTracking and transported through the first-party analytics ingest as a $exception event.
  • Test identities (QA/E2E accounts, isTestIdentity) keep their exceptions: occurrences are flagged testIdentity, never count toward users affected, and never alert. An issue only they have hit is testIdentityOnly and hidden from list-error-issues unless includeTestIdentities: true; the new-issue alert fires on its first real-user occurrence instead. Ingest decides from the identities an event carries (userId, email fields, its context), never from a sender's test_identity flag, which any write-key holder could set.
  • Deep link: ?view=errors&issue=<id>. Issue detail includes recent frequency, parsed/raw stack traces, source code snippets when available, breadcrumbs, tags, occurrence history, and session replay links.
  • Agent lookup: call list-error-issues first, then get-error-issue for stack, occurrence, and replay detail. These are separate from the external Sentry action and do not require a Sentry credential.
  • See docs/error-capture.md.

Session Replay ↔ Errors

A recording's devtools Console error lines link to the grouped issue at /monitoring?view=errors&issue=<id>, resolved by match-error-issues (exact fingerprint match, no heuristics); issues link back to the originating recording at /sessions/<recordingId>. The fingerprint includes the app, so match-error-issues takes the recording's app and only matches issues filed under it.

Related Skills

  • session-replay — replay storage, capture, and the Dev Tools panel this feature links to.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

コメント

ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。

まだコメントはありません。最初のコメントを書いてみませんか。

送信するとすぐに公開されます。メールアドレスや電話番号などの個人情報は書かないでください。URL は 2 つまでです。

0 / 1000 文字

このフォームは reCAPTCHA で保護されており、Google のプライバシーポリシーと利用規約が適用されます。

同じリポジトリのスキル

a2a-assets

無料概要あり

複数のアプリやMCPホストからブランド画像・動画を生成、調整、書き出し、挿入する作業を支援します。ライブラリ選択や修正依頼も扱います。

  • スライド用のブランド画像を作りたいとき
  • 既存素材をフィードバックに合わせて直したいとき
  • 動画素材を生成して書き出したいとき
BuilderIO/agent-native7,5252026年10月26日 更新

account-health

無料概要あり

特定の顧客企業について、契約と製品利用の数値を照らし合わせ、根拠や不足情報を明記した健全性レポートをまとめます。

  • 顧客の健全性を確認したいとき
  • 契約席数と実利用を比べたいとき
  • 更新前に利用状況を整理したいとき
BuilderIO/agent-native7,5252026年10月26日 更新

actions

無料概要あり

アプリの操作をエージェントと画面の両方から呼び出せるアクションとして実装し、API連携や画面のデータ取得を一貫した形で追加するスキルです。

  • 新しいアプリ操作を追加したいとき
  • 外部APIと連携したいとき
  • 画面からデータを取得したいとき
BuilderIO/agent-native7,5252026年10月26日 更新

adding-a-feature

無料概要あり

新機能をUI・エージェント用アクション・説明資料・画面状態の4領域でそろえ、利用者とエージェントのどちらからも一貫して使えるようにするチェックリストです。

  • 新機能追加の作業範囲を整理したいとき
  • UIとエージェント操作をそろえたいとき
  • 画面状態の同期漏れを防ぎたいとき
BuilderIO/agent-native7,5252026年10月26日 更新

adhoc-analysis

無料概要あり

複数のデータソースを照合して、傾向や指標、根拠をまとめた分析結果を作成します。必要に応じて、再実行できるダッシュボードとして保存できます。

  • 商談と通話記録を照合したいとき
  • 顧客の利用状況を横断して調べたいとき
  • 繰り返し更新できる分析を保存したいとき
BuilderIO/agent-native7,5252026年10月26日 更新

admin-surfaces

無料概要あり

Analyticsの管理画面で、機能フラグの状態確認と切り替え、ダッシュボード利用状況の調査、接続先アプリのデータベース管理を行います。

  • アプリごとの機能フラグを確認・変更したいとき
  • ダッシュボードの所有者や利用状況を調べたいとき
  • 接続済みアプリのテーブルを管理したいとき
BuilderIO/agent-native7,5252026年10月26日 更新

BuilderIO のスキルをすべて見る

このスキルの問題を報告する