Frontend prompt instructions
OpenAI · OpenAIのフロントエンド用プロンプトは、文脈に合う一貫したUIの具体的なガードレールを示す。
調査アーカイブ · AI Slop 対策
AIで生成したウェブ、動き、画像のプロンプト、未編集の出力、設定を比較します。資料で見つけた対策を検証可能な仮説に変えます。初回の出力は探索的な試行です。取得できないモデル設定や、同時に変えた条件も明記します。
これは調査記録です。モデルの順位付けや、未実行の計画を実行済みとする主張はしません。
11 件の資料 · 9 件の事例 · 19 件の完了出力
根拠を先に
現在の事例で使った原典を先に一覧します。資料ごとの詳しい注釈は必要なときだけ開けます。
OpenAI · OpenAIのフロントエンド用プロンプトは、文脈に合う一貫したUIの具体的なガードレールを示す。
OpenAI · このガイドは曖昧な要件が定型レイアウトにつながるとし、実コンテンツ、参照、制約、抑制した構成を勧める。
W3C WAI · WCAG 2.2は可視で隠れないフォーカスとターゲットサイズの要件を追加し、視覚的な磨きを使用可能な操作に結び付ける。
MDN · MDNは、不要な動きを削除、縮小、置換するための広く対応されたCSS設定を文書化する。
web.dev · web.devは、モーション設定の尊重を通常のフロントエンド作業に組み込む実装寄りの案内を提供する。
OpenAI · OpenAIの画像APIガイドは、生成と画像編集の制御を、万能な美的レシピではなく製品機能として説明する。
Midjourney · Midjourneyは簡潔で視覚的に具体的なプロンプトを勧め、被写体、媒体、環境、光、色、ムード、画角を有用な軸として挙げる。
arXiv · この論文はテキスト画像生成のプロンプト構造と失敗を調べ、プロンプトをインタラクション設計の問題として扱う。
Black Forest Labs · BFLの保守中ガイドは、記述的な自然言語、優先事項の前置、一変数ずつの反復改善を提案する。
arXiv · この研究は、生成結果を見た人がどうプロンプトを改訂するか、モデルの好みへの適応も含めて調べる。
r/midjourney · 実務者のスレッドは、意図したスタイルを外したときに重み、rawモード、スタイル参照、領域編集を確認する案を出す。
OpenAIの画像APIガイドは、生成と画像編集の制御を、万能な美的レシピではなく製品機能として説明する。
介入 モデル、サイズ、品質、入力画像、完全なプロンプト、各編集パスを出力の横に記録する。
注意点 提供元の文書は操作を説明するもので、視覚品質や作者性の独立した証明ではない。
OpenAIは生成と並ぶ画像入力を文書化し、視覚参照を反復ワークフローの主要入力として扱う。
介入 各参照に、被写体、レイアウト、配色、素材、避けるパターンという役割名を付ける。
注意点 参照は複数の属性を同時に変えうるため、結果だけでは何が変化の原因か分からない。
Midjourneyは簡潔で視覚的に具体的なプロンプトを勧め、被写体、媒体、環境、光、色、ムード、画角を有用な軸として挙げる。
介入 ブリーフをショットカードにし、最重要の制約二つだけを必須として明示する。
注意点 簡潔さはモデル固有の案内であり、他のモデルで短文が詳細文を上回る証明ではない。
Style Referenceは視覚的な雰囲気と描かれる内容を分け、影響度を試すスタイル重みを提供する。
介入 配色、媒体、質感、光にはスタイル参照を使い、望む被写体と行為はテキストに置く。
注意点 バージョン変更で参照解釈は変わり得るため、参照コードだけでは再現用メタデータにならない。
公式リポジトリは、テキスト生成、補完、構造条件付け、バリエーション、画像編集を異なるライセンスのモデルとして区別する。
介入 プロンプト前に生成、構造保持、変種、編集のどれかを選び、正確なモデルとライセンスを記録する。
注意点 open weightsであることと、特定の商用利用が許可されることは別問題である。
BFLの保守中ガイドは、記述的な自然言語、優先事項の前置、一変数ずつの反復改善を提案する。
介入 被写体と行為を先に置き、続けて文脈、光、素材、画角を書き、改訂ごとに一項目だけ変える。
注意点 最適長や光の影響に関する主張は提供元の推奨であり、一般的な実験結果ではない。
BFLはモデル群ごとのプロンプトガイドを公開しており、制御は実際に選んだモデルに対して読む必要があることを示す。
介入 各ギャラリーカードにモデル版フィールドを付け、異なるモデルの比較を一つの実験のように見せない。
注意点 文書は取得後に変わり得るため、結果とともにURLと取得日を残す。
この論文はテキスト画像生成のプロンプト構造と失敗を調べ、プロンプトをインタラクション設計の問題として扱う。
介入 各句がどの創作判断を表すか読者が分かるよう、ページUIでプロンプト部分を表示する。
注意点 現行の画像モデルより前の研究である。設計の枠組みは有用だが、モデル挙動は再検証が必要である。
この研究は、生成結果を見た人がどうプロンプトを改訂するか、モデルの好みへの適応も含めて調べる。
介入 改訂履歴と作者の意図を示し、学習とモデル既定の見た目への最適化を区別できるようにする。
注意点 観察された行動を記述する研究であり、特定のプロンプト様式が芸術的に優れるとは宣言しない。
W3Cは、不要な操作起点の動きは注意散漫や身体症状を起こし得るため、WCAG AAAでは無効化可能にすべきと説明する。
介入 各アニメーションに情報またはフィードバックという目的を宣言し、reduced-motion時の代替を用意する。
注意点 これはレベルAAAの指針であり、製品の適合性には文脈に応じたアクセシビリティレビューが必要である。
MDNは、不要な動きを削除、縮小、置換するための広く対応されたCSS設定を文書化する。
介入 reduced motionを設計済みのモードとして扱い、状態変化は残しつつ移動や拡大を不透明度または即時遷移に置き換える。
注意点 メディアクエリは好みを伝えるだけで、どの動きが意味を持つかは決めない。
web.devは、モーション設定の尊重を通常のフロントエンド作業に組み込む実装寄りの案内を提供する。
介入 各アニメーション実験の公開証拠に、reduced-motionのスクリーンショットと操作状態を含める。
注意点 設定対応だけでは、視覚階層、タイミング、内容との関連性を検証したことにならない。
Motionは、操作フィードバックを残しながらreduced-motion設定を尊重するReact向けの仕組みを文書化する。
介入 各コンポーネントに、方向付け、確認、開示、装飾というモーション意図を保存する。既定で正当化できるのは最初の三つだけとする。
注意点 ライブラリの機能は、その遷移が読者に役立つかという判断の代わりにはならない。
C2PAは、存在する場合に閲覧者が出所と編集の記録を調べられるよう、デジタル媒体の署名付き来歴表明を定める。
介入 ファイルに認証情報があっても、人が読める生成台帳を公開する。プロンプト、モデル、設定、参照、編集、書き出し日を含める。
注意点 来歴記録は申告された履歴と完全性を示すが、それだけで事実性や美的価値を確立しない。
Content Credentialsは、来歴情報を視覚的なスタイル印ではなく、媒体を検査するための文脈として提示する。
介入 公開出力ごとに簡潔な開示を添え、完全な実験記録へリンクする。
注意点 配信時に認証情報が欠落・削除されることがあるため、ページはそれなしでも理解できなければならない。
コミュニティ回答は人物、一般画像、スタイル参照の構文を区別し、検証すべき実務上の区分を示す。
介入 すべてのアップロード画像を同一視せず、生成前に各参照の意図をラベル付けする。
注意点 これは単一のコミュニティ説明であり、製品の構文は変更され得る。
実務者のスレッドは、意図したスタイルを外したときに重み、rawモード、スタイル参照、領域編集を確認する案を出す。
介入 提案された修正を別々の仮説として扱い、診断実行で重み、スタイルモード、参照変更を同時に重ねない。
注意点 助言は逸話的で、特定の製品版と利用者の目標に依存する。
利用者は参照内の細かな物体が保持されないと報告し、返信は参照の影響を非決定的なものとして説明する。
介入 重要な幾何形状や製品詳細にはレイアウトまたは編集ワークフローを使い、公開前に該当部位を100%で検査する。
注意点 一件の失敗報告は、プロンプト、モデル、参照種別をまたぐ信頼性を定量化しない。
参照からの乖離に関するコミュニティ質問を、統制された参照忠実度テストのきっかけとして保持する。
介入 出力選択前に、参照のどの属性が残る必要があるかを事前登録する。
注意点 ページ取得が部分的だったため、議論から一般的な技法を推論しない。
コミュニティ返信は既定スタイルを抑えるための低スタイライズまたはrawを提案し、A/Bテスト向きの主張である。
介入 スタイル制御を変える前に不要な既定傾向を定義し、まずはその傾向だけを評価する。
注意点 この主張は逸話的で、パラメータの意味は製品リリース間で変わり得る。
コミュニティ返信は、スタイル参照と内容または構図のための通常画像プロンプトを区別する。
介入 内容、構図、視覚処理を別列にした参照ボードを使う。
注意点 これは実務者の解釈であり、モデル挙動の保証ではない。
参照強度の相当物を尋ねる質問は、画像システム間で制御が移植可能とは仮定できないことを示す。
介入 ツール間の等価性を作り出さず、明示的な「相当なし」を持つ制御対応表を公開する。
注意点 部分取得であり、この項目は調査の手がかりであって、制御が等価だという証拠ではない。
参照による画像再現の依頼は、着想、制御可能な属性、禁止すべき複製を分ける必要を示す。
介入 元画像や作家のコピーを求めず、レイアウト、光の方向、素材、配色など観察可能な性質を記述する。
注意点 部分取得のコミュニティページであり、法的、倫理的、技術的な規則を確立するものではない。
OpenAIのフロントエンド用プロンプトは、文脈に合う一貫したUIの具体的なガードレールを示す。
介入 利用者と既存システムの文脈を渡し、CSS色の監査と重なりのないレイアウトを要求する。
注意点 これは提供元の指針であり、列挙された様式が本質的に悪いという実証ではない。
このガイドは曖昧な要件が定型レイアウトにつながるとし、実コンテンツ、参照、制約、抑制した構成を勧める。
介入 ムードボード、トークン、物語から始め、焦点を一つにした構成と各画面幅での浮動要素を検証する。
注意点 特定モデル向けの実務助言であり、統制されたデザイン研究ではない。
OpenAIはエージェント作業で明確な責務、具体的なツール例、品質ルーブリック、検証を勧める。
介入 内部ルーブリック作成、実装、レンダー結果の確認、失敗基準の報告をモデルに依頼する。
注意点 ルーブリックは製品・利用者から作らなければ、新しい共通テンプレートになり得る。
画像ガイドはUIプレビューを製品成果物として扱い、階層、実要素、実コピー、具体的制約を記述させる。
介入 様式だけの依頼ではなく、キャンバス、階層、実テキスト、装飾過多の禁止を含む成果物仕様を使う。
注意点 画像プレビューは方向性を伝えるが、レスポンシブ・アクセシブル・実装済みの証明ではない。
Anthropicは直接的で明示的な指示を勧め、無誘導のフロントエンド生成は一般的なパターンに収束し得ると注意する。
介入 成果物、利用者、視覚方向、除外事項、レビュー手順を別々のプロンプト節として明記する。
注意点 具体性は遵守を高めても、モデルが学習した視覚バイアスまで消すとは限らない。
Anthropicは予測可能だが視覚的に平凡なレイアウトを自己評価の問題として捉え、主観的品質を評価可能にする。
介入 視覚的な好みを観察可能な基準にし、コード確認だけに頼らずエージェントへ画面を渡す。
注意点 評価ハーネスは符号化した基準しか測れず、独創性や利用者適合を保証しない。
公式スキルは、エージェントに一般的な初期値の反復ではなく意図的な視覚方向へのコミットを求める。
介入 実装前に目的、利用者、制約、記憶に残る要素を含むデザイン方向の決定を書かせる。
注意点 このスキルは指針であり、独立検証済みのslop検出器ではない。
このコミュニティスキルはアンチパターンに加え、書体、色、レイアウト、動き、アクセシビリティ、性能の指針をまとめる。
介入 単一のスタイル禁止表ではなく、書体、配色、レイアウト、動き、内容を一面ずつ監査する。
注意点 パターン一覧は作者の指針であり、普遍法則としてではなく製品で検証すべきだ。
Unslopは予防と修正を分け、文章、UIコピー、命名、コード、フロントエンドごとにルールを振り分ける。
介入 生成前の予防か監査後の書き直しかを記録し、関連する面のルールだけを評価する。
注意点 リポジトリは自身の方法を説明しており、カバー範囲の主張は外部の成果証拠ではない。
このプロジェクトは一般的なanti-slopスキル自体が収束源になるとし、キュレーション、ツール、広い反復を提案する。
介入 コーディング前にプロジェクト固有の参照ライブラリと美学分類を作り、反復用のパラメータを露出する。
注意点 キュレーション済みライブラリも、編集者の狭い好みや素材権利の制約を再生産し得る。
このプロンプトキットは、AI支援フロントエンド作業向けにスタイル選択、除外、実行指針を組み合わせる。
介入 視覚方向を一つ、大きな視覚的瞬間を一つ選び、実装判断がその方向を支えるかを検証する。
注意点 万能プロンプトは無変更で別製品に再利用すると収束のリスクがある。
投稿者は一発のprompt-to-design例を共有し、期待される限界を示すため意図的に目立つ不具合を残した。
介入 一発出力を完成品ではなくベースラインとしてラベルし、二回目を別途記録する。
注意点 一人の制作者の自己報告と例だけでは、典型的なモデル挙動を確立できない。
投稿者は一発出力が不十分だと感じ、スクリーンショット入力と明示的な作成・レビュー反復を提案する。
介入 主要変更ごとにエージェントへ画面を確認させ、次に直す欠陥を明記させる。
注意点 統制比較は提示されていないため、ワークフロー仮説として扱う。
このスレッドは、暗いグラデーション、ガラスカード、発光する塊、一般的な書体、過度な角丸を知覚上の特徴として挙げる。
介入 まずデザイン意図を書き、禁止表を反転するだけでなく、色、角丸、書体、密度を狙って変える。
注意点 これはコミュニティの美的判断で、正当でアクセシブルな設計とも重なり得る。
参加者は出力の収束を論じる一方、広く共有されたanti-slopプロンプトも次の均一美学になり得ると指摘する。
介入 恒久的な万能スタイル規則を入れるのでなく、バッチ内の多様性を測り、参照や制約を回す。
注意点 これは意見であり、見た目の差だけで可用性や製品適合が良いとは示せない。
回答は視覚参照、製品フロー、リポジトリ文脈、場合によっては人が作ったFigmaの出発点を渡すことを勧める。
介入 アートディレクションと実装を分け、先にワイヤーフレームや参照を渡してからその方向のコードを依頼する。
注意点 参照のコピーは権利、アクセシビリティ、差別化の問題を起こし得るため、複製対象ではなく方向として使う。
スレッド参加者は、漠然としたサイト作成依頼より、スクリーンショット参照と明示的な視覚目標を支持する。
介入 実装前に各参照から何を抽出したか列挙させ、結果が文字通りの複製でないことを確認する。
注意点 コミュニティコメントは、参照ワークフローが製品やモデルをまたいで一般化する証拠ではない。
投稿者はサイト生成前に、事業文脈、画像、ロゴ、明示的な視覚ルールからブランドマップを作る方法を説明する。
介入 製品事実、配色の根拠、書体のムード、操作の性格、禁止する模倣を含む簡潔なブランドマップを作る。
注意点 報告された成果は未検証の個人主張であり、スクレイピングは誤情報や権利制限素材を持ち込み得る。
このプレプリントは摩擦のないWeb vibe-codingがデザイン多様性を狭める過程を分析し、生産的摩擦を緩和策として提案する。
介入 参照を選ぶ、初期案を棄却する、階層を正当化する、レンダーをレビューするという明示的な判断点を入れる。
注意点 これはプレプリントかつ社会技術的リスク分析であり、大規模な因果実験の完了版ではない。
AesthetiQはレイアウトシステムに文脈的な美的選好が必要だとし、選好アラインメントとレイアウト品質評価を提案する。
介入 生成マークアップだけでなく、階層、均衡、可読性、文脈適合という宣言済み基準でレンダーレイアウトを評価する。
注意点 論文のMLLM評価案は、代表的な人間のユーザビリティテストの代替ではない。
このコメント論文は、AI slopと呼ばれる大量生成画像を美的疎外の一形態として捉える。
介入 表面的な視覚特徴だけでなく、作者性、意図、出典来歴、利用者文脈を評価に含める。
注意点 これは概念的コメント論文であり、検出器や利用者反応の一般的因果テストは提供しない。
WCAG 2.2は可視で隠れないフォーカスとターゲットサイズの要件を追加し、視覚的な磨きを使用可能な操作に結び付ける。
介入 生成した各視覚バリアントでキーボードフォーカスの可視性とコントラストをリリースチェックにする。
注意点 アクセシビリティ適合だけでは、デザインが独自か美的に成功しているかは決まらない。
web.devは装飾的な動きを初期値にせず、選択的なアニメーション、利用者制御、reduced-motion対応を勧める。
介入 全アニメーションにフィードバックまたは方向付けの目的を与え、prefers-reduced-motionを実装し、放置型の無限ループを避ける。
注意点 reduced motionはアクセシビリティ要件であり、それ自体で一般的な視覚スタイルを診断するものではない。
NN/gは視覚階層と、意図しない強調や混雑を見つけるためのぼかし・目を細めるテストを説明する。
介入 装飾の細部を評価する前に、ぼかしたスクリーンショットで階層レビューを実行ログへ追加する。
注意点 階層テストが示すのは注意のパターンであり、ページがAI製か、全利用者に適するかではない。
この投稿はAI美学と評価に関する議論としてインデックスされていたが、今回の調査ではページが403を返した。
介入 直接のX投稿は、全文と日付を独立して記録できるまで手がかりとしてのみ扱う。
注意点 Xから全文と文脈を取得できなかったため、ここでは採点対象の発見や介入主張を提供しない。
条件に合う資料はありません。
何を比べるか
各項目は固定リンクを持つ比較事例です。ここでの領域フィルターは、この一覧と下の事例カードを同時に絞り込みます。
検証記録
1つの事例を1枚のカードにまとめます。両方の出力と完全なプロンプト、観察した差分、比較の制約を同じ場所に置きます。
Web
同じ修理工房の要件に、除外指定または具体的な編集方針を足すと何が変わるか。

You are generating one raw AI Slop Lab experiment. You own ONLY [local output path redacted] You are not alone in the codebase. Do not revert or edit others' files. Generate the HTML from the task below in one pass. Use filesystem tools only to save this output. Do not browse, read unrelated files, install, run code, validate, revise, or optimize afterward. Preserve the first generated artifact. No additional files. Report completion with the path only. Generate one complete, self-contained HTML document with inline CSS and JavaScript. Do not use external fonts, images, libraries, network requests, or inline event-handler attributes. Use semantic HTML, keyboard-operable controls, responsive layouts at 360 and 1280 pixels, visible focus, and prefers-reduced-motion support. All names and data below are fictional. Keep the same factual copy. Do not invent testimonials, metrics, awards, prices, or additional features. This is a visual prototype; label any unavailable action honestly. Task: create a single-page site for Northbank Repair, a neighborhood repair workshop. Required copy: "Northbank Repair"; "Repair what you already love."; "Small electronics, lamps, and everyday objects."; "Saturday, 10:00–13:00"; "14 River Street"; "Bring one item. Diagnosis comes first." Include a clear "See what we repair" control revealing the three categories, a workshop schedule, and a short preparation checklist. Visual direction: make it modern, polished, beautiful, and engaging.

You are generating one raw AI Slop Lab experiment. You own ONLY [local output path redacted] You are not alone in the codebase. Do not revert or edit others' files. Generate the HTML from the task below in one pass. Use filesystem tools only to save this output. Do not browse, read unrelated files, install, run code, validate, revise, or optimize afterward. Preserve the first generated artifact. No additional files. Report completion with the path only. Generate one complete, self-contained HTML document with inline CSS and JavaScript. Do not use external fonts, images, libraries, network requests, or inline event-handler attributes. Use semantic HTML, keyboard-operable controls, responsive layouts at 360 and 1280 pixels, visible focus, and prefers-reduced-motion support. All names and data below are fictional. Keep the same factual copy. Do not invent testimonials, metrics, awards, prices, or additional features. This is a visual prototype; label any unavailable action honestly. Task: create a single-page site for Northbank Repair, a neighborhood repair workshop. Required copy: "Northbank Repair"; "Repair what you already love."; "Small electronics, lamps, and everyday objects."; "Saturday, 10:00–13:00"; "14 River Street"; "Bring one item. Diagnosis comes first." Include a clear "See what we repair" control revealing the three categories, a workshop schedule, and a short preparation checklist. Visual direction: make it modern, polished, beautiful, and engaging. Avoid purple gradients, glassmorphism, pill badges, oversized centered heroes, decorative blobs, identical rounded-card grids, and bounce hover effects.
右のプロンプトだけが、紫のグラデーション、グラスモーフィズム、ピル型バッジ、巨大な中央ヒーロー、装飾ブロブ、同型の角丸カードグリッド、バウンスするホバーを除外します。
左の出力は、紫のグラデーションではなく、すでに紙・墨・苔・土色を使っています。右は黄緑の帯、角張ったカテゴリーパネル、セリフ体中心の構成になり、どちらも必要な日時の文言を保持しました。
各条件は初回出力1件です。成功した委任実行では実行モデルも受理された推論度も取得できず、除外条件も複数の変数を同時に変えています。各除外条件の単独効果は分かりません。

You are generating one raw AI Slop Lab experiment. You own ONLY [local output path redacted] You are not alone in the codebase. Do not revert or edit others' files. Generate the HTML from the task below in one pass. Use filesystem tools only to save this output. Do not browse, read unrelated files, install, run code, validate, revise, or optimize afterward. Preserve the first generated artifact. No additional files. Report completion with the path only. Generate one complete, self-contained HTML document with inline CSS and JavaScript. Do not use external fonts, images, libraries, network requests, or inline event-handler attributes. Use semantic HTML, keyboard-operable controls, responsive layouts at 360 and 1280 pixels, visible focus, and prefers-reduced-motion support. All names and data below are fictional. Keep the same factual copy. Do not invent testimonials, metrics, awards, prices, or additional features. This is a visual prototype; label any unavailable action honestly. Task: create a single-page site for Northbank Repair, a neighborhood repair workshop. Required copy: "Northbank Repair"; "Repair what you already love."; "Small electronics, lamps, and everyday objects."; "Saturday, 10:00–13:00"; "14 River Street"; "Bring one item. Diagnosis comes first." Include a clear "See what we repair" control revealing the three categories, a workshop schedule, and a short preparation checklist. Visual direction: make it modern, polished, beautiful, and engaging.

You are generating one raw AI Slop Lab experiment. You own ONLY [local output path redacted] You are not alone in the codebase. Do not revert or edit others' files. Generate the HTML from the task below in one pass. Use filesystem tools only to save this output. Do not browse, read unrelated files, install, run code, validate, revise, or optimize afterward. Preserve the first generated artifact. No additional files. Report completion with the path only. Generate one complete, self-contained HTML document with inline CSS and JavaScript. Do not use external fonts, images, libraries, network requests, or inline event-handler attributes. Use semantic HTML, keyboard-operable controls, responsive layouts at 360 and 1280 pixels, visible focus, and prefers-reduced-motion support. All names and data below are fictional. Keep the same factual copy. Do not invent testimonials, metrics, awards, prices, or additional features. This is a visual prototype; label any unavailable action honestly. Task: create a single-page site for Northbank Repair, a neighborhood repair workshop. Required copy: "Northbank Repair"; "Repair what you already love."; "Small electronics, lamps, and everyday objects."; "Saturday, 10:00–13:00"; "14 River Street"; "Bring one item. Diagnosis comes first." Include a clear "See what we repair" control revealing the three categories, a workshop schedule, and a short preparation checklist. Visual direction: a neighborhood workshop noticeboard. Put practical time and location before decoration. Use a compact left-aligned masthead, a two-column editorial layout that stacks on mobile, system serif headings and system sans-serif body text, off-white paper, charcoal ink, one muted rust accent, thin rules, a simple item list, and a timetable. The visual hierarchy should make the time, address, and preparation order easy to scan. Explain state changes through labels rather than ornamental cards.
右のプロンプトは、掲示板、読む順序、左寄せマストヘッド、2カラムの編集レイアウト、紙・墨・錆色、細い罫線、項目リスト、時刻表を指定します。
左は余白のある工房ページと角丸の行動ボタンです。右は日時と住所を構造化した時刻表に置き、細い罫線とコンパクトなマストヘッドを使います。ただし右の時刻表は「Saturday」と「10:00–13:00」を分割したため、必須文言「Saturday, 10:00–13:00」は一続きの文字列として存在しません。
各条件は初回出力1件です。方針は配色、レイアウト、階層、コンポーネントを同時に変えており、統制実験ではありません。成功した委任実行では実行モデルも受理された推論度も取得できません。
モーション
3ステップの予約プロトタイプに、タスクに集中した動きの制約を明示すると何が変わるか。

You are generating one raw AI Slop Lab experiment. You own ONLY [local output path redacted] You are not alone in the codebase. Do not revert or edit others' files. Generate the HTML from the task below in one pass. Use filesystem tools only to save this output. Do not browse, read unrelated files, install, run code, validate, revise, or optimize afterward. Preserve the first generated artifact. No additional files. Report completion with the path only. Generate one complete, self-contained HTML document with inline CSS and JavaScript. Do not use external fonts, images, libraries, network requests, or inline event-handler attributes. Use semantic HTML, keyboard-operable controls, responsive layouts at 360 and 1280 pixels, visible focus, and prefers-reduced-motion support. All names and data below are fictional. Keep the same factual copy. Do not invent testimonials, metrics, awards, prices, or additional features. This is a visual prototype; label any unavailable action honestly. Task: create an interactive three-step repair booking prototype. Required copy: "Northbank Repair"; "1. Describe the item"; "2. Choose a session"; "3. Review your request"; "Saturday, 10:00–13:00"; "Bring one item. Diagnosis comes first." The user can advance and go back. Submission is a demo and must be labeled "Demo only — no booking is sent." Use motion to connect state changes. Visual direction: make the interface stylish with delightful smooth animations.

You are generating one raw AI Slop Lab experiment. You own ONLY [local output path redacted] You are not alone in the codebase. Do not revert or edit others' files. Generate the HTML from the task below in one pass. Use filesystem tools only to save this output. Do not browse, read unrelated files, install, run code, validate, revise, or optimize afterward. Preserve the first generated artifact. No additional files. Report completion with the path only. Generate one complete, self-contained HTML document with inline CSS and JavaScript. Do not use external fonts, images, libraries, network requests, or inline event-handler attributes. Use semantic HTML, keyboard-operable controls, responsive layouts at 360 and 1280 pixels, visible focus, and prefers-reduced-motion support. All names and data below are fictional. Keep the same factual copy. Do not invent testimonials, metrics, awards, prices, or additional features. This is a visual prototype; label any unavailable action honestly. Task: create an interactive three-step repair booking prototype. Required copy: "Northbank Repair"; "1. Describe the item"; "2. Choose a session"; "3. Review your request"; "Saturday, 10:00–13:00"; "Bring one item. Diagnosis comes first." The user can advance and go back. Submission is a demo and must be labeled "Demo only — no booking is sent." Use motion to connect state changes. Visual direction: quiet task-focused motion. Animate only when the user changes a step. Keep the container height stable; transition outgoing and incoming contents with opacity and no more than 8px translation for 180ms, ease-out. Keep keyboard focus on the new step heading or first input, maintain entered values, preserve step status for assistive technology, and make reduced-motion transitions immediate. No entrance stagger, autoplay, looping, parallax, bounce, or animated background.
右のプロンプトは、ステップ変更を180msの不透明度と8px以下の移動に制限し、フォーカスと状態通知を要求します。自動再生、ループ、視差、バウンス、段階的な登場、アニメーション背景も禁止します。
左の出力は、ぼかした背景形状のループ、グラデーション、宣言上560msのパネル登場を持ちます。右はステップ変更時だけ、宣言上180ms・8pxの不透明度/移動を使い、新しいステップ見出しへフォーカスを移します。どちらも実演した進む・戻る操作を完了し、予約を送らない旨を表示しました。
各条件は初回出力1件です。右のプロンプトは視覚レイアウトと入力項目も変えているため、動きだけの比較ではありません。CSSの宣言値とブラウザ操作は確認しましたが、快適さ、性能、コントラスト、reduced motionのエミュレーションは測定していません。実行モデルと受理された推論度も取得できません。
画像
物、構図、光、除外条件を指定すると、商品写真はどう変わるか。

Create a beautiful, premium editorial photograph of a handmade ceramic teapot on a table. Make it stylish, atmospheric, and visually striking. No text, no logo, no people. Landscape composition.

Create an editorial product photograph of a handmade ceramic teapot on a table. The subject is a squat iron-rich stoneware teapot with an unglazed foot, a slightly uneven matte ash glaze, one short spout and one sturdy loop handle. Place it off center on a worn walnut worktable, with its spout directed toward the empty right third. Use one large north-facing window from camera left: soft directional light, readable shadow, restrained highlights. The background is a real workshop wall kept out of focus. Frame the entire pot at tabletop height with a normal-lens perspective, a calm landscape composition, and modest depth of field so the lid, handle and spout remain readable. Keep the clay texture physically plausible; no invented distress, floating parts, duplicate handles, decorative props, text or logos. The photograph should communicate the object and its making rather than luxury spectacle.
右のプロンプトは、土、釉薬、高台、取っ手、注ぎ口の向き、机、左の窓光、背景、カメラ高、レンズ遠近、被写界深度、禁止する小物や部品を指定します。
左の出力は、花瓶、カップ、布、トレー、枝、茶葉で急須を囲み、暖かくドラマチックな光を使います。右は、傷んだ作業台の上の低い急須1つと工房背景、注ぎ口の右側の余白を描き、追加の装飾小物はありません。
各条件1枚です。画像ツールは実行モデル、推論度、seed、品質設定を公開しません。より長い右のプロンプトは、詳細、構図、除外条件を同時に変えています。これは記述的な比較であり、因果関係の検証ではありません。
画像
動作、版画の語彙、余白、除外条件を指定すると、イラストはどう変わるか。

Create a beautiful, modern, eye-catching illustration of a community repair workshop where two adult volunteers repair a table lamp. Poster composition, stylish colors, friendly atmosphere. No text, no logos.

Create a portrait poster illustration for a community repair workshop. Show two adult volunteers repairing one unplugged table lamp at a single workbench: one person holds the base steady, the other checks a small screw with a hand tool. The shared lamp and the relationship between the two pairs of hands form the main focal point. Use a two-ink block-print vocabulary: deep navy and vermilion on uncoated paper, flat cut shapes, visible but restrained ink texture, simplified silhouettes, deliberately varied line weight, and a few large negative spaces. Keep the workbench in the lower half and a quiet empty upper third available for future typesetting. No text, logos, gradients, glow, 3D rendering, photorealistic faces, extra tools, duplicate lamps, or ornamental background shapes. Make the action understandable at thumbnail size; the poster should communicate cooperation and repair through its composition.
右のプロンプトは、電源につながっていないランプ1台、同じ作業台での2人の役割、紺と朱の2色版画、静かな上部3分の1、追加の工具・ランプ・グラデーション・発光・3D・装飾背景の除外を指定します。
左の出力は、植物、工具、背景の人物、自転車、追加のランプを含む詳細な工房風景です。右は紺と朱の版画風の線と形、2人、ランプ1台、静かな上部を使い、指定した上部3分の1はおおむね空いています。
各条件1枚です。画像ツールは実行モデル、推論度、seed、品質設定を公開しません。具体的な指定は被写体の詳細、スタイル、構図、除外条件を変え、ベースラインにはない縦長構図も求めているため、出力の縦横比が異なります。これは記述的な比較であり、因果関係の検証ではありません。
画像
具材、画角、光、除外条件を指定すると、ラーメンメニュー画像はどう変わるか。

Generate one square 1024 by 1024 image. Create a beautiful, professional food photograph for a small ramen restaurant menu: one bowl of shoyu ramen on a wooden counter. Make it polished, vibrant, appetizing, and premium. No text, logos, or watermark.

Generate one square 1024 by 1024 image. Photograph one ordinary 20 cm cream ceramic bowl of shoyu ramen on a worn oak counter for a small neighborhood restaurant menu. Clear brown broth, thin noodles, exactly two slices of pork, one halved egg, and a small cluster of scallion. Camera at diner eye level with a normal 50 mm perspective; the complete rim of the bowl stays in frame. A single cloudy window on the left gives neutral soft light. Show irregular ceramic glaze and ordinary real ingredient texture. Keep the rear counter quiet with no extra dishes or decorations. No exaggerated steam, floating ingredients, orange-teal grading, glossy advertising lighting, text, logos, or watermark.
右のプロンプトは、器、スープ、麺、具材数、食卓目線の50mm画角、器の縁全体、窓光、普通の質感、禁止する演出や小物を指定します。
左の出力は、模様のある縁、海苔、メンマ、複数のチャーシューを含む暖色で寄った器です。右はニュートラルな光の下の器全体を描き、背景の皿や装飾小物はありませんが、「正確に2枚」と指定したチャーシューは少なくとも3枚が見えます。
各条件は未編集の出力1件です。より長い右のプロンプトは複数の要因を同時に変えています。実行モデル、推論度・effort、seed、品質制御は不明で、これは記述的な比較です。
画像
基地の配置、縮尺、素材、配色、除外条件を指定すると、月面基地のコンセプト画像はどう変わるか。

Generate one square 1024 by 1024 image. Create a beautiful futuristic concept-art scene of a small lunar research station at sunrise, with two habitat modules and one rover. Make it cinematic, epic, highly detailed, and visually impressive. No text, logos, or watermark.

Generate one square 1024 by 1024 image. Create a restrained production-design concept-art view of a small lunar research station at sunrise. Exactly two low cylindrical habitat modules connect by one short tunnel, with one four-wheel utility rover parked beside the near module. Both modules have a pale ceramic outer shell, an airlock, and dark rectangular thermal radiators on their shaded side. View from a standing human height about 30 metres away, with a readable simple layout and consistent scale. Use flat black sky, dusty grey regolith, a low white sun, long hard shadows, and only a small amber airlock light as an accent. The design should be materially plausible rather than a futuristic city. No extra towers, crowds, giant planets, lens flares, neon, smoke, cinematic colour grading, text, logos, or watermark.
右のプロンプトは、つながったモジュール2基、四輪ローバー1台、外殻とラジエーターの詳細、立った目線の距離、黒い空、灰色のレゴリス、硬い影、小さな琥珀色のアクセント、スペクタクル要素の除外を固定します。
左の出力には大きな地球、明るい地平線の光、細かな地形、照明のあるモジュールがあります。右はトンネルでつながる低いモジュール2基、ローバー1台、黒い空、長い影、小さな琥珀色のエアロック灯を描き、巨大な惑星、塔、群衆、ネオンは見えません。
各条件は未編集の出力1件です。右のプロンプトは、配置、素材、配色、カメラ位置、除外条件を同時に変えています。実行モデル、推論度・effort、seed、品質制御は不明です。
画像
描画の語彙、構図、配色、除外条件を指定すると、児童書イラストはどう変わるか。

Generate one square 1024 by 1024 image. Create a beautiful charming illustration for a children's story showing one ginger cat riding a blue bicycle in gentle rain. Make it whimsical, polished, adorable, and full of character. No text, logos, or watermark.

Generate one square 1024 by 1024 image. Illustrate one ginger cat riding one blue bicycle through gentle rain for a children's story. Use a handmade coloured-pencil drawing on off-white paper: broken pencil strokes, slightly uneven outlines, visible paper grain, and broad unfilled areas. The cat has a simple rounded head and a focused expression; both paws rest on the handlebars, the rear wheel is fully visible, and the bicycle stays recognisable. Place the cat and bicycle in the lower two thirds, with just three sparse rain marks above and one small puddle below. Limit colour to ochre for the cat, muted ultramarine for the bicycle, and warm graphite outlines. No other characters, props, umbrellas, flowers, buildings, shiny eyes, gradients, digital glow, 3D shading, text, logos, or watermark.
右のプロンプトは、生成りの紙、途切れる色鉛筆線、余白、猫と自転車の配置、雨線3本、水たまり1つ、3色の語彙、登場人物・小物・光る目・グラデーション・発光・3D陰影の除外を指定します。
左の出力は、レインコート、マフラー、花かご、鳥、街灯、建物、花、反射光、大きく光る目を追加します。右は、生成りの紙の見える色鉛筆線、広い余白、青い自転車に乗る茶トラ、3本の疎らな雨線、小さな水たまりを使い、他の登場人物や小物はありません。
各条件は未編集の出力1件です。右のプロンプトはスタイル、レイアウト、配色、内容制限、否定条件を同時に変えています。実行モデル、推論度・effort、seed、品質制御は不明です。
画像
動作、ポーズ、光、質感、背景の制限を指定すると、工房ポートレートはどう変わるか。

Generate one square 1024 by 1024 image. Create a beautiful professional editorial portrait of a fictional 40-year-old woman with short dark hair repairing a small wooden chair in a workshop. Make the scene elegant, polished, inspiring, and cinematic. No text, logos, or watermark.

Generate one square 1024 by 1024 image. Create an observational editorial photograph of a fictional 40-year-old woman with short dark hair repairing a small wooden chair at an ordinary workshop bench. She wears a plain faded charcoal work shirt, looks down at the chair joint, and holds a small clamp with both hands in a physically plausible way. Frame waist-up from a normal eye-level 50 mm perspective, with the chair joint and both hands in focus. Soft overcast daylight enters from one window on the right. Preserve ordinary skin texture, slight sawdust on the bench, a scratched clamp, and one quiet out-of-focus shelf. Neutral white balance and modest contrast. No glamour retouching, smiling at the camera, dramatic rim lighting, exaggerated bokeh, orange-teal grading, extra people, extra hands, text, logos, or watermark.
右のプロンプトは、作業シャツ、下向きの視線、両手でのクランプ作業、腰から上の50mm画角、右窓の曇天光、普通の質感、グラマラスな補正や映画的演出の除外を固定します。
左の出力は暖かく映画的な光、エプロン、装飾的なペンダントライト、柔らかな背景ぼけ、道具で満ちた工房を使います。右は色褪せたチャコールのシャツ、下向きの視線、傷んだクランプ、両手、右からのニュートラルな昼光、木くずを描きますが、複数段の棚には道具が見えます。「静かな棚1つ」の数え方は指示から明確ではありません。
各条件は未編集の出力1件です。右のプロンプトは、ポーズ、服、光、質感、構図、除外条件を同時に変えています。実行モデル、推論度・effort、seed、品質制御は不明です。
Web
gpt-6.1-sol に同じプロンプトを与え、low と high を指定すると初回出力はどう変わるか。

Return only one complete standalone HTML document beginning with <!doctype html>. Do not use tools, browse, read files, run code, or explain your choices. Use inline CSS and vanilla JavaScript only. No network resources, external fonts, or packages. Do not wrap the output in Markdown. Create a responsive landing page for a fictional neighborhood repair workshop called Common Ground Repair. Make it modern, beautiful, and professional. Include exactly these English strings visibly in the page: "Common Ground Repair", "Repair together. Keep things longer.", "Saturday, 10:00–13:00", "Small electrical items, clothing, and bicycles", "Free to join. Bring one item.", and a button labeled "See what we repair". The button must toggle a visible list with exactly three categories: "Electrical", "Clothing", and "Bicycles". It must work with keyboard activation. Do not add accounts, payments, real booking submission, testimonials, or fabricated statistics. Let the design fit a 360px mobile viewport as well as desktop. The visible English copy must remain verbatim.

Return only one complete standalone HTML document beginning with <!doctype html>. Do not use tools, browse, read files, run code, or explain your choices. Use inline CSS and vanilla JavaScript only. No network resources, external fonts, or packages. Do not wrap the output in Markdown. Create a responsive landing page for a fictional neighborhood repair workshop called Common Ground Repair. Make it modern, beautiful, and professional. Include exactly these English strings visibly in the page: "Common Ground Repair", "Repair together. Keep things longer.", "Saturday, 10:00–13:00", "Small electrical items, clothing, and bicycles", "Free to join. Bring one item.", and a button labeled "See what we repair". The button must toggle a visible list with exactly three categories: "Electrical", "Clothing", and "Bicycles". It must work with keyboard activation. Do not add accounts, payments, real booking submission, testimonials, or fabricated statistics. Let the design fit a 360px mobile viewport as well as desktop. The visible English copy must remain verbatim.
プロンプトの変更はありません。送信したファイルはバイト単位で一致します。要求モデルは両方 gpt-6.1-sol、要求推論度だけ low から high に変えました。
両方のソースは、要求した6つの本文文字列、工具を題材にしたSVG、カテゴリ開閉ボタンを含みます。high の出力はSVGの細部とソースの文量が増えています。初回出力の観察であり、品質スコアではありません。
モデル、プロンプト、sandbox、ツール指示は同じですが、各設定1出力です。seed、サービス側のsnapshot、内部の計算予算はunknownです。推論度は明示して変更していますが、安定した因果効果や順位は検証していません。
この領域に該当する事例はありません。
調査設計
変数: 「高級・モダンに」対、利用者・実際の文言・タスク・制約・受け入れ確認。
固定条件: モデル、推論、ビューポート群、実装予算、プロンプト長の範囲を固定し、残る交絡候補として長さを記録する。
測定: タスク通過、創作された文言数、ブラインドの製品固有性評価。
変数: 禁止色・書体・レイアウト対、視覚目標、根拠ある配色、階層、操作の性格。
固定条件: 製品事実、モデル、推論、素材、ビューポート、トークン予算を同じにし、プロンプト長の不一致は記録する。
測定: ブリーフ適合チェック、評価者説明の質、複数ブリーフでの反復シグネチャ数。
変数: 情報順、グリッド、情報密度、レスポンシブ形状の指定対、指定なし。
固定条件: モデル、推論、文言、素材、ビューポート画面、レビュー時間。
測定: デスクトップ・モバイル描画におけるオーバーフロー、衝突、順序違反。
変数: ラベル、題名、本文、操作の文字役割指定対、一般的なタイポグラフィ依頼。
固定条件: モデル、推論、文言長、ビューポート、コントラスト目標、利用可能書体。
測定: 最初の操作の正答、階層ルーブリック、コントラスト・フォーカス確認。
変数: 検証済みの製品文言・データ対、lorem風プレースホルダー。
固定条件: モデル、推論、アートディレクション、レイアウトブリーフ、ビューポート、構築予算。
測定: 文言適合の欠陥、有意味な操作ラベル、製品事実との一致。
変数: 役割ラベル付きの自作参照ボード対、テキストのみのアートディレクション。
固定条件: モデル、推論、製品事実、出力サイズ、権限、レビュー基準。
測定: 意図属性の評価者識別、権利・来歴の完全性、複製リスクレビュー。
変数: ソースのみのレビュー対、スクリーンショット起点の批評と改訂。
固定条件: 開始出力、モデル、推論、反復回数、レビュー時間、ビューポート群。
測定: 解消した視覚欠陥、タスク通過、新たに導入した欠陥。
変数: 一つの固定anti-slopプロンプト対、異なる課題でのブリーフ固有事実と選択済み方向。
固定条件: モデル、推論、ブリーフ数、出力サイズ、各ブリーフのサンプル数。
測定: 配色、レイアウト、文字、コンポーネントのシグネチャ反復。製品適合は別にする。
変数: 同一プロンプトに対して利用可能な低・中・高の推論設定。
固定条件: 正確なモデル識別子、プロンプト、ツール、権限、出力サイズ、課題、レビュー手順。
測定: タスク通過、ブラインド好み、待ち時間、反復数、アクセシビリティ確認を別々に報告。
変数: 一致可能な条件を揃えた後のモデル識別子のみ。
固定条件: 課題、完全なプロンプト、同等な範囲の推論、ツール、権限、出力サイズ、予算、反復。
測定: タスク通過とブラインド好みの分布。利用不能な制御はnullのままにする。
変数: 生ブリーフ対、事実、配色根拠、書体ムード、操作の性格、禁止模倣をまとめた地図。
固定条件: モデル、推論、内容、素材、サイズ、評価プロンプト。
測定: 創作された主張、事実一致率、提供事実に根ざす評価者理由。
変数: ベースライン方向対、意図的に独自性を強めた方向。
固定条件: モデル、推論、製品タスク、文言、ビューポート、受け入れテスト。
測定: キーボード経路、フォーカス可視性、コントラスト、レスポンシブ形状、reduced-motion挙動、タスク完了。
変数: 方向付け・確認・開示の動き対、見た目が近い装飾的な動き。
固定条件: 内容、最終状態、コンポーネント、モデル、推論、時間予算、ビューポート。
測定: 正しい状態認識、タスク完了、ブラインドでの目的識別。
変数: アクセシブルな範囲における短・中・長の時間。
固定条件: 同じ動きの経路、最終状態、イージング、内容、モデル、推論、端末条件。
測定: 状態認識時間、中断した操作、主観的不快感を別々に保持。
変数: 順序に沿うスタガー、任意のスタガー、即時描画のnull。
固定条件: 内容順、最終レイアウト、時間予算、モデル、推論、ビューポート。
測定: 正しい読書順の識別と、意図した最初の操作までの時間。
変数: spring、easing、即時状態のnull。
固定条件: 距離、コンポーネント、最終状態、時間予算、モデル、推論、内容。
測定: 承認・拒否状態の正確な認識、タスクエラー、モーション設定との互換性。
変数: no-preference体験対、設計されたreduced-motion代替。
固定条件: 状態変化、文言、タスク、モデル、推論、レイアウト、ビューポート。
測定: 同等のタスク完了と状態認識。重要な意味が動きだけに存在しないこと。
変数: 常時・パララックスループのオン対オフ。
固定条件: ページ内容、タスク、レイアウト、端末プロファイル、モデル、推論、観察時間。
測定: 理解度、タスク完了、フレーム・性能トレース、不快感報告。
変数: 画角、空間関係、焦点階層の指定対、被写体のみの説明。
固定条件: モデル、公開される場合の推論、サイズ、被写体、光、素材、バッチ数、選択規則。
測定: 事前作成の構図チェックリストとブラインドの焦点識別。
変数: 一つの光の説明または作成したライト図対、光の句なし。
固定条件: モデル、公開される場合の推論、サイズ、被写体、構図、素材、プロンプト長の範囲。
測定: ブラインドのムード一致、焦点の明瞭さ、影・接地の一貫性チェック。
変数: 一つの素材または制作工程の指定対、指定なし。
固定条件: モデル、公開される場合の推論、サイズ、被写体、構図、光、バッチ数。
測定: ブラインド評価者による正しい素材識別とアーティファクトチェック。
変数: 提供元が対応する低・既定・高のスタイル参照重み。未対応時はnull。
固定条件: 正確なモデル・版、公開される場合の推論、サイズ、テキストプロンプト、参照、バッチ数。
測定: 内容制約の通過とスタイル属性の一貫性を別々に報告。
変数: 参照なし対、対応範囲で被写体・同一性・形状として明示ラベルした参照1枚。
固定条件: モデル・版、公開される場合の推論、サイズ、テキストブリーフ、参照の権利文脈、選択規則。
測定: 単一の類似度でなく属性別通過率。権利と来歴レビューを残す。
変数: 対応するネガティブ制御句対、肯定的仕様。提供元がネガティブ制御を公開しない場合はnull。
固定条件: 正確に文書化されたモデル・制御、公開される場合の推論、サイズ、被写体、構図、プロンプト長予算。
測定: 指定した不要属性の頻度、必須属性通過率、副次的変化。
変数: 改訂ごとに一節だけ変更対、複数変更の改訂。
固定条件: モデル・版、公開される場合の推論、サイズ、開始プロンプト、参照群、バッチ数、反復予算。
測定: 評価者が観察差分を帰属できる度合いと、意図しない後退率。
変数: 保持すべき集合を列挙した編集プロンプト対、不変条件なしの編集プロンプト。
固定条件: モデル・版、公開される場合の推論、サイズ、元画像、要求編集、参照文脈、バッチ数。
測定: 要求編集の通過と、事前登録した各不変条件の保持通過。
変数: 文字なし、短い厳密な文字、タスクに適する場合の後合成文字。
固定条件: モデル・版、公開される場合の推論、サイズ、構図、光、素材、タスク。
測定: 可読性、綴りの正確さ、レイアウト通過、後編集があればその来歴開示。