StyleList：オープンソースのAI試着ツール 73

小编 · 2025-06-29

StyleListは、コンピュータビジョンと自然言語処理を活用し、ユーザーにパーソナライズされた服装提案を行うオープンソースのAI試着ツールです。写真をアップロードすると、トップスとボトムスの組み合わせ提案が得られ、製品検索機能も統合されています。自身の写真と衣類の画像をアップロードするだけで、試着プレビューを生成でき、衣選びやスタイリングのプロセスが簡単になります。

StyleList：オープンソースのAI試着ツール

StyleListは、コンピュータビジョンと自然言語処理技術を活用してユーザーにパーソナライズされた服装推薦を提供する、オープンソースのAI試着ツールです。ユーザーが写真をアップロードすると、トップスとボトムスの組み合わせ建议が得られ、さらに商品検索機能も統合されています。ユーザーは自分の写真と衣類の画像をアップロードするだけで、着替えのプレビュー画像を生成でき、衣類の選定やスタイリングのプロセスを簡素化できます。

StyleList：オープンソースのAI試着ツール

主な機能：

AIファッションスタイリスト：Llama-4-Maverick-17Bモデルによる対話インターフェース
オートスタイリングモード：スタイリング提案に基づいて自動的にムードボードを生成し、性別を考慮した商品検索をサポート
画像解析：写真をアップロードしてパーソナライズされたスタイリング提案を取得
商品検索：RapidAPIを通じてAmazon商品カタログを統合
ムードボード作成：選択した服装アイテムのビジュアルコレクション。バーチャル試着機能を含む。
マルチモーダルチャット：対話におけるテキストと画像の入力をサポート。

技術機能：

ストリーミングAI応答：markdownフォーマットによるリアルタイム対話
画像検証：AI駆動による写真の品質評価
永続的な状態：Zustandによるセッションをまたいだデータ保存
レスポンシブデザイン：モバイルデバイスとデスクトップインターフェースに最適化

技術スタック：

フロントエンド：

Next.js15（AppRouter対応）およびTypeScript
React18（サーバーおよびクライアントコンポーネント対応）
TailwindCSS（スタイルおよびレスポンシブデザイン用）
Zustand（永続性を備えた状態管理用）
ReactMarkdown（AI応答のフォーマット用）
LucideIcons（UIアイコン用）

バックエンドとAPI：

VercelAISDK（ストリーミングAIインタラクション用）
Amazon商品API（RapidAPI経由で商品データを取得）
カスタムAPIルート（チャット、画像検証、ムードボード生成用）
サーバーアクション（フォーム処理およびデータ処理用）

AI統合：

Llama-4-Maverick-17B-128E-Instruct-FP8モデル（ファッションの専門知識を提供）
画像解析およびスタイリング推薦のための視覚機能
商品検索統合のためのツール呼び出し
ファッションスタイリングに最適化されたカスタムシステムプロンプト

インストールと設定：

前提条件：Node.js18.0以上、npmまたはyarnパッケージマネージャー、Amazon商品アクセス用のRapidAPIアカウント。
インストール手順：

リポジトリをクローンする：gitclone<repository-url>、次にプロジェクトディレクトリに移動する：cdopen-ai-stylist。
依存関係をインストールする：npminstall。
環境変数を設定する（.env.localファイルを作成）。
開発サーバーを起動する：npmrundev。
ブラウザでhttp://localhost:3000を開く。

使用方法：

初期設定：承認されたモデルの写真をアップロード。写真はスタイリングに適しているかがAIによって検証され、承認された写真はスタイリングの対話のために保存されます。
スタイリング対話：新しいチャットセッションを開始し、写真をアップロードするかスタイリングのニーズを説明し、トップスとボトムスのパーソナライズされた推薦を受け取り、Amazonのリアルタイム価格を含む推奨商品を閲覧し、アイテムを選択してムードボードを作成します。
ムードボードパネル：対話内で商品を選択し、AIが生成したタイトル付きのテーマコレクションを作成し、レスポンスポンシブなグリッドレイアウトで商品を表示し、選択したアイテムへの直接購入リンクにアクセスします。
オートスタイリングモード：チャット入力エリア内の稲妻ボタンをクリックしてオートスタイリングを有効にします。AIスタイリストと通常通り対話を行い、AIがスタイリング提案を提供すると、オートスタイリングが提案を分析して性別コンテキストを検出し、言及された主要な服装アイテムを抽出し、性別を考慮した商品検索を実行し、モデル写真を使用してバーチャル試着を生成し、完全なムードボードを自動的に作成します。完了すると通知が届きます。