EC コンテンツエージェント
ECショップのコンテンツ制作をAIで自動化する管理アプリ
子ども服ECショップ「まいにちキッズコーデ」向けの生成AI搭載コンテンツ管理プラットフォーム。商品説明文の自動生成、記事執筆、Instagram投稿文・画像の生成まで、EC運営に必要なコンテンツ制作をAIで一元管理します。
最終更新日: 2026/6
システム構成
編集者が商品から「AI 生成」を押すと、Convex が Mastra の AI エージェントを動かし、管理者が選んだ生成 AI で説明文や投稿案、画像を作ります。結果は下書きとして保存し、人が確かめてから公開します。
Cloudflare Workers
- 編集者とシステム管理者は、Cloudflare Workers 上の Next.js の Web アプリを使い、Clerk でログインします。
- 編集者が生成を指示すると、Convex が Mastra の AI エージェントを動かします。
- エージェントは、管理者が選んだ文章の生成 AI（OpenAI、Claude、Gemini）と画像の生成 AI を使います。
- 作った画像は Cloudflare R2 に保存します。
ドラッグで移動できます。図をクリックすると、ホイールで拡大縮小できます。
ドラッグで移動し、右上のボタンで拡大縮小できます。
キーボードでは、矢印キーで移動し、＋と−で拡大縮小、0 で元の大きさに戻せます。
業務の流れ
編集者が登録した商品データから、AI が商品説明や記事、Instagram の投稿文と画像を下書きします。編集者は下書きを確かめて承認するだけで、公開や投稿の予約まで進められます。
- 編集者は商品データを登録し、生成を指示します。
- システム管理者は、用途ごとに使う生成 AI を選びます。
- AI が商品説明と記事を下書きし、編集者がレビューして公開します。
- Instagram の投稿文と画像も下書きされ、編集者が承認して投稿を予約します。自動では投稿しません。
ドラッグで移動できます。図をクリックすると、ホイールで拡大縮小できます。
ドラッグで移動し、右上のボタンで拡大縮小できます。
キーボードでは、矢印キーで移動し、＋と−で拡大縮小、0 で元の大きさに戻せます。
主な機能
商品説明文・記事・Instagram投稿まで、EC運営のコンテンツ制作をAIで自動化
ダッシュボード
商品管理・記事管理・Instagram投稿・設定への導線を集約したホーム画面。各機能にワンクリックでアクセスでき、コンテンツ制作の全体像を把握できます。
商品管理・AI説明文生成
商品情報をCSVインポートで一括登録。商品ごとにAIが魅力的な説明文を自動生成し、ECサイトへの掲載を効率化します。検索・フィルタで大量商品も素早く管理。
記事AI生成・管理
AIがECサイト向けの記事ドラフトを自動生成。下書き→レビュー→承認→公開のワークフローでステータスを管理し、チームでの記事制作を効率化します。
Instagram投稿AI生成
商品情報をもとにInstagram用の投稿文と画像をAIが自動生成。投稿予約・ステータス管理に対応し、SNSマーケティングの運用負荷を大幅に削減します。
広告画像AI生成
商品写真をベースに、広告バナーやSNS投稿用の画像をAIが自動生成。複数の画像生成プロバイダに対応し、用途に応じた最適な画像を作成します。
LLM・画像生成プロバイダ設定
AIテキスト生成と画像生成のプロバイダを柔軟に設定。用途別にLLMやパラメータをオーバーライドでき、商品説明・記事・SNS投稿それぞれに最適なAIモデルを割り当てられます。
チーム管理
チームの作成・メンバー招待・設定共有に対応。複数人でのコンテンツ制作ワークフローをサポートし、ロールベースのアクセス制御も備えています。
監査ログ
システム操作の監査ログを管理者向けに提供。誰がいつどの操作を行ったかを追跡でき、コンテンツ管理のガバナンスを確保します。
ダッシュボード
商品管理・記事管理・Instagram投稿・設定への導線を集約したホーム画面。各機能にワンクリックでアクセスでき、コンテンツ制作の全体像を把握できます。
商品管理・AI説明文生成
商品情報をCSVインポートで一括登録。商品ごとにAIが魅力的な説明文を自動生成し、ECサイトへの掲載を効率化します。検索・フィルタで大量商品も素早く管理。
記事AI生成・管理
AIがECサイト向けの記事ドラフトを自動生成。下書き→レビュー→承認→公開のワークフローでステータスを管理し、チームでの記事制作を効率化します。
Instagram投稿AI生成
商品情報をもとにInstagram用の投稿文と画像をAIが自動生成。投稿予約・ステータス管理に対応し、SNSマーケティングの運用負荷を大幅に削減します。
LLM・画像生成プロバイダ設定
AIテキスト生成と画像生成のプロバイダを柔軟に設定。用途別にLLMやパラメータをオーバーライドでき、商品説明・記事・SNS投稿それぞれに最適なAIモデルを割り当てられます。
プロジェクト概要
技術スタック（7件）
- Next.js（App Router）
- React + TypeScript
- Tailwind CSS
- Clerk認証
- 生成AI（LLM / 画像生成）
- マルチプロバイダ対応
- Instagram API連携
実装した機能（7件）
- 商品管理・CSVインポート
- AI商品説明文自動生成
- 記事AIドラフト生成・ワークフロー管理
- Instagram投稿文・画像AI生成
- 広告画像AI生成
- LLM・画像生成プロバイダ設定
- チーム管理・監査ログ