Category · チャットUI

チャットUIのAIプロンプト集

Discord・Slack・iMessage 風のチャットインターフェイスのAIプロンプト集。サイドバー+メッセージリスト+スレッド・リアクションなど現代の定番構成を収録。

Designs001 Sectionチャット KeywordチャットUI

チャットについて

チャットUIはコミュニケーション系プロダクトの中核。Discord、Slack、iMessage、LINE などが定着させた「左サイドのチャンネル/会話一覧 → 中央のメッセージ流れ → 右の詳細パネル」という3ペイン構造が王道です。アバター、リアクション、スレッド、コードブロック、ファイル添付、未読バッジなどの細かい構成要素が積み重なります。SaaS、コミュニティアプリ、ゲーム内チャットで定番。

よく使われる場面

  • コミュニティ・Discord 風プロダクト
  • 社内コラボレーション・Slack 風 SaaS
  • ゲーム内チャット・対戦マッチング
  • カスタマーサポート・チャットボット
  • AI チャットアプリ(ChatGPT 風)

成功のポイント

  • メッセージ密度は1ページ20-40件が標準
  • 送信者アバターは常時表示・名前は連投時非表示
  • リアクションは 6-8 個に絞る
  • スレッドはモーダルでなく右ペインに
  • コードブロックは monospace + 言語タグ

このカテゴリのデザイン

他のカテゴリ