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