AI EC商品詳細ページ制作

スクロールするほど商品が理解できるページへ

AI EC商品詳細モジュールは、SKU情報と商品写真から、明確なメッセージと配置指示を持つ3〜6枚の統一したモジュールを作ります。商品訴求、素材、使用シーン、サイズ・比較、同梱内容、ブランドストーリーを 2K の PNG で整え、Amazon A+コンテンツ、商品詳細ページ、ブランドストア、Shopify の商品ページに使えます。AI EC商品詳細モジュールは、Claude Code、Codex、Cursor など、Skill を実行できる Agent で使えます。

AI EC商品詳細モジュール をインストールし、サインインが必要になったら知らせてください:https://beatra.ai/skills/ecommerce-detail-module-studio/install.md

Agent 向け:インストール手順Markdown 版

WorkBuddy、Codex、Claude Code などの Agent に送ればインストールできます。初回だけサインインします。GitHub ↗ドキュメント ↗

AI EC商品詳細モジュール

ばらばらな画像ではなく、つながる商品詳細ストーリー

01

1モジュールに1つの役割

訴求、素材、使用、サイズ、同梱内容、ブランドに役割を分け、重複せず順序立てて伝えます。

02

情報を実SKUに固定

訴求、見える特徴、同梱内容、比較は、確認済みの商品情報と参照だけを基に構成します。

どう作るか

01 · モジュール順を設計

スクロール位置ごとに異なるメッセージを

SKU情報、対象ページ、購入者の疑問を確認し、それに答える3〜6モジュールを選びます。

確認済みの商品情報と重要なビジュアル要件 · モジュールの役割と順序 · 各モジュールの見出しと根拠 · 対象寸法と配置指示

02 · 制作して引き継ぐ

最初から最後まで統一したビジュアルに

各役割に沿ってモジュールを制作し、全体の流れを確認してページ実装用の配置ガイドを渡します。

統一した商品・シーン表現 · ページ文言を置ける構図 · ページ順のモジュールファイル · レイアウトと実装メモ

A+コンテンツ、ブランドストア、Shopify、新商品へ

Amazon A+コンテンツ

訴求、素材、使用シーン、比較、ブランドのモジュールを順番に整えます。

Shopify商品ページ

メインギャラリーだけでは伝えにくい利点、利用場面、寸法、同梱内容を補います。

新商品とブランドストア

新発売や注目コレクションの商品理解とブランド物語を統一します。

入力と出力

入力 · 画像:実商品写真

形式
JPG、PNG、WEBP

入力 · テキスト:SKU情報

出力 · 画像:統一した商品詳細モジュール

形式
PNG
仕様
1 リクエストあたり 3〜6 枚/2K

出力 · テキスト:ページ構成とレイアウト指示

仕様の最終確認: · 根拠:モデルカタログ · ドキュメント · 利用規約

よくある質問

商品詳細ページには何枚のモジュールが含まれますか?

商品、購入者の疑問、対象ストアに合わせて3〜6枚のモジュールを選びます。

商品情報はどのように使われますか?

ご提供の仕様、同梱内容、比較情報、商品の利点を、各モジュールの事実の土台として使います。

納品内容には何が含まれますか?

ページ順の統一モジュール画像と、見出し、配置目的、寸法、実装用レイアウトメモを納品します。

関連スキル

商品詳細ページに、分かりやすい視覚ストーリーを

ECとマーケの Skill をもっと見る