開発・プログラミング
フォーマット: プロンプト生成メディア: テキスト
AIっぽいアクセントボーダーを使わないUIデザイン
投稿者: こうた投稿日: 2026/08/21 13:24使用AI: GPT-5.6 Sol
内容
Web UIをデザイン・実装するとき、AI系SaaSでよく見られる「カードやモーダルの端だけに青・紫・緑などの色を付けるアクセントボーダー」を使用しないでください。
以下も避けてください。
- 上辺・左辺だけに色を付ける accent border
- gradient border / gradient glow
- 枠線の周囲を淡く発光させる glow border
- 青〜紫系の細いラインでカードやモーダルを強調する表現
- 装飾目的のカラフルな境界線
代わりに、ニュートラルな単色の境界線、余白、背景色の差、タイポグラフィ、控えめなシャドウで階層や強調を表現してください。全体として、典型的な「AIっぽい」見た目ではなく、落ち着いた汎用的なWebサービスのUIにしてください。
さらに探す
人気のプロンプト
開発・プログラミングSKILLテキスト
Apple風ガラスUI(Liquid Glass)デザイン実装スキル
name: liquid glass ui description: Apple の Liquid Glass に着想を得た「すりガラス質感」のUIをWeb標準技術で実装するためのスキル。ナビゲーションバー、カード、ボタン…
詳しく見る開発・プログラミングSKILLテキスト
依存ライブラリを安全に更新するアップグレードスキル
name: dependency upgrade guard description: CodexやClaude Codeでnpm、pip、Poetry、Cargoなどの依存ライブラリを更新する際、変更点と互換性を確認し、…
詳しく見る開発・プログラミングSKILLテキスト
原因を特定してから直す根本原因デバッグスキル
name: root cause debugger description: CodexやClaude Codeでバグ修正を行う際、症状に対する場当たり的な修正ではなく、再現、切り分け、根本原因の特定、回帰テストまで行うス…
詳しく見る