skill-gallery

Codex + frontend-ui-engineering · SaaS のランディングページ

HTML をダウンロード run.json

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

スクロール録画

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

▶ スクロール録画を再生 8 秒 · 530 KB · 720 px

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

元のページに対する自動スキャンです。自動ツールが見つけられるのはアクセシビリティの問題の一部だけなので、結果に問題がなくてもページがアクセシブルだとは限りません。

ツール
axe-core 4.14.0
致命的
ルール 0 件
深刻
ルール 1 件 · 要素 6 個
中程度
ルール 0 件
軽微
ルール 0 件
該当したルール
color-contrast

投票

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

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

実行の詳細

ステータス
成功
エージェント
codex-cli 0.164.0
モデル
gpt-6.1-sol
Effort
high
プロンプト
landing-saas 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
インストール先
.agents/skills/frontend-ui-engineering
Skill の発動
はい
根拠
injected: 1, skill_md_reads: 2
開始
2026-10-26 06:22:29Z
所要時間
9m 28s
終了状態
コード 0
試行
1
トークン
input_tokens: 885,743, cached_input_tokens: 850,048, output_tokens: 24,249, reasoning_output_tokens: 2,901
アクティビティ
agent_message 6, command_execution 19, web_search 1, 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
  • ✓ real_keychain_unchanged
外部参照
  • https://fonts.googleapis.com link[rel=preconnect]
  • https://fonts.gstatic.com link[rel=preconnect]
  • https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;550;600;650;700;750;800&display=swap link[rel=stylesheet]
index.html の静的スキャン結果(run.json より)。
ルール違反
なし
出力
index.html, 59.4 KB
スクリーンショット(デスクトップ)
1440×900, ページの高さ 4884 px, リモートリクエスト 3 件
スクリーンショット(モバイル)
390×844, ページの高さ 7448 px, リモートリクエスト 3 件
ホスト
Darwin 25.6.0, arm64, node v22.18.0