リアルアセット、ストックフォトはゼロ
原則：画像が再現不可能な場合、WebサイトはAIが作ったようには見えません。実際の製品、実際のターミナル、実際の写真。ストックフォト、汎用レンダリング、および代替品としてのAI生成は禁止です。
プロジェクトのスクリーンショット（Playwright）
- 常にプロジェクトの本番ビルドを、viewport 1440x900、
deviceScaleFactor: 2でキャプチャします。 - 何かを伝える状態（データがあるダッシュボード、クエリ結果、実行中のパイプライン）を選択し、空のホームページは避けます。
- スクリーンショットを撮る前に、
networkidleとフォントの読み込み完了を待ちます。邪魔になる場合はCookie/バナーを非表示にします。 public/shots/<プロジェクト>/<状態>.pngに保存し、sharpで圧縮します（Web用にはAVIF/WebP、透過が必要な場合のみPNG）。- デモのないリポジトリの場合：リポジトリページのスクリーンショット（レンダリングされたREADME）をキャプチャし、モックアップは使用しません。
プロフィール写真
- すでに開いているブラウザセッション（デバッグポートを使用したChrome）からプロフィール写真をダウンロードします。切り抜いたスクリーンショットは使用しません。
- オリジナルを
public/me.jpg（またはpublic/me.webp）に保存し、切り抜きバージョンも用意します。変形や肌/アイデンティティの修正は絶対に行いません。 - すでにプロジェクトにポートレートがある場合は、再ダウンロードする前にそれを再利用します。
テクノロジーロゴ
- Simple Icons（
npm i simple-icons）を使用して、単色SVGを取得します（ライブラリはMIT/CC0。ロゴは各所有者の商標であり、情報提供目的の公正な使用です）。 - デフォルトではDesign DNAのインク色でインライン表示します。ホバーの詳細情報で意味がある場合のみ、ブランドカラーを使用します。
- ツールがSimple Iconsにない場合（一部のAIツールなど）、一貫性のあるタイポグラフィックモノグラム（等幅フォントの頭文字）を使用します。Google画像検索から取得した画像や、でっち上げの画像は使用しません。
ターミナル/コード
- 「ターミナルの証拠」が必要な場合：等幅フォントのHTMLブロックを作成し、プロジェクトの実際のコマンドを実行し、Playwrightでキャプチャします。偽の出力は絶対に作成しません。
- コマンドとバージョンは真実であり、検証可能でなければなりません。
処理と一貫性
- Design DNAのパレットにマッピングされたソフトなデュオトーン、オプションで軽いグレイン効果。すべてのキャプチャに同じ処理を適用します。
- ボーダー/角丸とシャドウは、画像ごとではなく、プロジェクトのトークンに従います。
- 目標サイズ：各画像300KB以下。
next/imageを正しいsizesとともに使用し、priorityは最初の画像のみに設定します。 - すべてのアセットには説明的な
alt属性を設定し、装飾的な場合はalt=""とします。
整合性ルール
- キャプチャ内にでっち上げのメトリクスはゼロ（グラフが本物でない場合はキャプチャしません）。
- 透かし、著作権が疑わしい画像、主要コンテンツとしての生成AIはゼロ。
- 各アセットの出典とライセンスを
docs/assets.mdに記録します。