Prism AI

想定した課題

文章づくりの手間を減らしたいけれど、実際に触ってみないと信じられない——そんな方に向けて、AIをサービスに組み込み、その場で動くところを体験してもらう必要がありました。

• 想定したお客さま：記事や文章などのコンテンツづくりの手間を減らしたい、中小企業のマーケティング担当の方
• サイトのゴール：無料の会員登録

設計のポイント

サービスの価値をひと言で伝える最初の画面に続き、複数の機能を切り替えながら紹介しています。その場でAIを試せるデモでは、文章が少しずつ流れるように表示されます。AIを呼び出すための鍵（APIキー）が利用者の画面側に出ない安全な作りにし、使いすぎを防ぐ利用回数の上限も設けました。暗い配色の表示（ダークモード）が標準です。

使った技術

• Route Handler 経由のAI呼び出し（APIキーをブラウザに露出させない構成）
• Rate Limit と使用量の制御
• ストリーミング表示
• ダークモード