skill-gallery

Codex + frontend-ui-engineering · フォームとフィードバックのコンポーネント状態

HTML をダウンロード run.json

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

スクロール録画

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

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

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

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

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

投票

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

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

実行の詳細

ステータス
成功
エージェント
codex-cli 0.164.0
モデル
gpt-6.1-sol
Effort
high
プロンプト
form-states 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:46:45Z
所要時間
8m 36s
終了状態
コード 0
試行
1
トークン
input_tokens: 331,822, cached_input_tokens: 273,280, output_tokens: 20,183, reasoning_output_tokens: 2,842
アクティビティ
agent_message 4, command_execution 13, web_search 2
隔離
すべてのチェックに合格
  • ✓ 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://design-system.service.gov.uk/components/text-input/ other
  • https://www.carbondesignsystem.com/building-blocks/core/components/button/specifications other
index.html の静的スキャン結果(run.json より)。
ルール違反
なし
出力
index.html, 66.4 KB
スクリーンショット(デスクトップ)
1440×900, ページの高さ 4725 px, リモートリクエスト 0 件
スクリーンショット(モバイル)
390×844, ページの高さ 8456 px, リモートリクエスト 0 件
ホスト
Darwin 25.6.0, arm64, node v22.18.0