Claude Code + frontend-ui-engineering · データダッシュボード

サンドボックス化されたプレビューです。ページのスクリプトは実行されますが、ページからこのサイト、Cookie、ストレージにはアクセスできないため、localStorage に依存する機能は動作が異なる場合があります。

スクロール録画

デスクトップ幅でページをスクロールした録画で、スクリーンショットでは見えない動きを示します。再生を押したときにだけ動画を読み込みます。

投票

この結果のほうが良いと思いますか？下の 👍 を押してください。投票には GitHub アカウントが必要です。票はこのリポジトリの GitHub Discussions にリアクションとして保存され、セルごとに 1 つのスレッドをすべての言語で共有します。

👍 0 前回のビルド時点。数時間ごとに更新されます

実行の詳細

ステータス: 成功
エージェント: claude-code 2.1.308
モデル: claude-opus-5-5
Effort: high
プロンプト: dashboard v1
Skill の指定文: Use the frontend-ui-engineering skill.
Skill のソース: https://github.com/addyosmani/agent-skills skills/frontend-ui-engineering
Skill のコミット: aeac41d4d0
Skill の取得方法: git, 2026-10-26
インストール先: .claude/skills/frontend-ui-engineering
Skill の発動: はい
根拠: skill_tool_calls: 1, skill_content_loaded: 1, skill_md_reads: 0
使用した同梱 skill: なし
開始: 2026-10-26 06:24:24Z
所要時間: 9m 27s
終了状態: コード 0
試行: 1
トークン: input_tokens: 30, cache_creation_input_tokens: 76,137, cache_read_input_tokens: 972,228, output_tokens: 57,778
ターン数: 20
コスト: $1.96
アクティビティ: Skill 1, Bash 10, Write 1, Read 4
隔離: すべてのチェックに合格
✓ init_event_present
✓ only_builtin_plugins
✓ no_synced_plugins
✓ no_mcp_servers
✓ no_plugin_skills
✓ config_dir_was_empty
✓ home_had_only_throwaway_keychain
✓ real_keychain_unchanged
✓ auto_memory_disabled
✓ skill_listed
外部参照: https://fonts.googleapis.com link[rel=preconnect]
https://fonts.gstatic.com link[rel=preconnect]
https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600&family=IBM+Plex+Sans:wght@400;500;600&display=swap link[rel=stylesheet]
index.html の静的スキャン結果（run.json より）。
ルール違反: なし
出力: index.html, 63.0 KB
スクリーンショット（デスクトップ）: 1440×900, ページの高さ 1649 px, リモートリクエスト 3 件
スクリーンショット（モバイル）: 390×844, ページの高さ 3443 px, リモートリクエスト 3 件
ホスト: Darwin 25.6.0, arm64, node v22.18.0

Claude Code + frontend-ui-engineering · データダッシュボード

スクロール録画

アクセシビリティ スキャン

投票

実行の詳細

アクセシビリティスキャン