Codex + frontend-design · 個人ブログとポートフォリオ
サンドボックス化されたプレビューです。ページのスクリプトは実行されますが、ページからこのサイト、Cookie、ストレージにはアクセスできないため、localStorage に依存する機能は動作が異なる場合があります。
スクロール録画
デスクトップ幅でページをスクロールした録画で、スクリーンショットでは見えない動きを示します。再生を押したときにだけ動画を読み込みます。
▶ スクロール録画を再生
8 秒 · 670 KB · 720 px
アクセシビリティ スキャン
元のページに対する自動スキャンです。自動ツールが見つけられるのはアクセシビリティの問題の一部だけなので、結果に問題がなくてもページがアクセシブルだとは限りません。
- ツール
- axe-core
4.14.0 - 致命的
- ルール 0 件
- 深刻
- ルール 1 件 · 要素 7 個
- 中程度
- ルール 0 件
- 軽微
- ルール 0 件
- 該当したルール
color-contrast
投票
この結果のほうが良いと思いますか？下の 👍 を押してください。投票には GitHub アカウントが必要です。票はこのリポジトリの GitHub Discussions にリアクションとして保存され、セルごとに 1 つのスレッドをすべての言語で共有します。
👍 0 前回のビルド時点。数時間ごとに更新されます
実行の詳細
- ステータス
- 成功
- エージェント
- codex-cli
0.164.0 - モデル
gpt-6.1-sol- Effort
- high
- プロンプト
blog-portfoliov1- Skill の指定文
Use the $frontend-design skill.- Skill のソース
- https://github.com/anthropics/skills
skills/frontend-design - Skill のコミット
dbd4588f9e- Skill の取得方法
- git, 2026-10-25
- インストール先
.agents/skills/frontend-design- Skill の発動
- はい
- 根拠
- injected: 1, skill_md_reads: 2
- 開始
- 2026-10-25 17:11:54Z
- 所要時間
- 7m 35s
- 終了状態
- コード 0
- 試行
- 1
- トークン
- input_tokens: 261,614, cached_input_tokens: 250,752, output_tokens: 21,703, reasoning_output_tokens: 1,795
- アクティビティ
- agent_message 4, command_execution 11, file_change 1
- 隔離
- すべてのチェックに合格
- ✓
no_agents_md - ✓
no_plugins - ✓
no_apps - ✓
no_mcp_tools - ✓
no_managed_instructions - ✓
only_expected_skills - ✓
no_memory_sections - ✓
codex_home_was_minimal
- ✓
- 外部参照
https://fonts.googleapis.comlink[rel=preconnect]https://fonts.gstatic.comlink[rel=preconnect]https://fonts.googleapis.com/css2?family=Manrope:wght@400;450;500;550;600;650;700&family=Newsreader:ital,wght@0,400;0,450;0,500;1,400&display=swaplink[rel=stylesheet]
index.htmlの静的スキャン結果（run.jsonより）。- ルール違反
- なし
- 出力
- index.html, 53.2 KB
- スクリーンショット（デスクトップ）
- 1440×900, ページの高さ 4985 px, リモートリクエスト 4 件
- スクリーンショット（モバイル）
- 390×844, ページの高さ 7504 px, リモートリクエスト 4 件
- ホスト
- Darwin 25.6.0, arm64, node v22.18.0