本文へスキップ
Codex DesignBETA

GPT Image 2.6 用管理画面のユーザーテーブルのプロンプト

検索、ロールとステータスのフィルター、5 つの列、有効・招待中・停止中のバッジ、行の操作、ページネーションを備えた管理画面のテーブル。

プロンプト
管理画面のユーザーテーブルを作ってください:検索、ロールとステータスのフィルター、「名前」「メール」「ロール」「ステータス」「最終アクティブ」の列、ステータスのバッジ(有効、招待中、停止中)、行ごとの操作、ページネーション。ニュートラルなグレーの UI、インディゴのアクセント 1 色。デスクトップ、16:9。
対応モデル
GPT Image 2.6
収録セット
GPT Image 2.6 プロンプト

このプロンプトについて

管理画面のテーブルはデザインの手がかけられることが少なく、だからこそ参考があると助かります。このプロンプトは、検索、ロールとステータスのフィルター、「名前」「メール」「ロール」「ステータス」「最終アクティブ」の列、有効、招待中、停止中のステータスバッジ、行ごとの操作、ページネーションを、ニュートラルなグレーの UI とインディゴのアクセント 1 色で求めます。

列は、自分が管理するレコード(注文、請求書、API キーなど)に替え、バッジも「支払い済み」「期限超過」「返金済み」のようにその状態の名前にしてください。バッジ同士が主張し合わず、明快な色の体系が示せるのは、3 つの状態までです。

テーブルは、忠実に作り直すのがいちばん簡単な画面の 1 つなので、そのままコードに進むのに向いています。Codex に画像を添付し、同じ余白、バッジ、ページネーションの HTML テーブルを頼んでから、実物の上で色と密度を調整しましょう。

同じセットのほかのプロンプト

Codex Design は Codex 向けの独立したプラグインです。OpenAI との提携や、OpenAI による承認はありません。