電商商品資料から、主画像・詳細ページ分構成・画像内文案・生成画像プロンプトを段階的に制作するAIスキル
中辛 の解説
Python環境で動作し、Agent Skills対応ランタイム向けに設計されています。入力は商品資料・資格情報・プラットフォーム要件・ビジュアルリファレンス。出力は①視覚企画書と分構成、②ユーザー確認、③最終稿（主画像5枚の視覚タスク・構図・文案・設計説明とAI生成プロンプト）。詳細ページは「吸引→欲望→信頼→行動」の成約ストーリーに沿って構成します。5段階の自己採点機能で品質をチェックし、80点未満なら自動的に再生成します。デモは淘宝・抖音小店など複数プラットフォームの実例を備えています。
이런 레포예요
이럴 때 쓰면 좋아요
- 淘宝やショピ小店の商品ページ作成時に、テンプレートなしで段階的な視覚企画から実装まで流れるプロセスを構築したい場合
- 複数の商品カテゴリ（食品・装飾品・家具）で異なる合規ルールを自動適用しながら、誤った功効表現を防ぎたい場合
- デザイナーが確実に実装できるように、構図・光影・材質・背景・生成プロンプトを統一スタイルで整備したい場合
핵심 기능
대안 대비 차별점
従来のAI文案ツールが最終稿を直結で生成するのに対し、このスキルはビジュアル企画→ユーザー確認→実行という段階制ガートキーパーを組み込み、かつ品目別合規ルールの自動チェックと構造化設計プロンプト生成で電商実装の実行性を確保しています。
食べた人たち
実際に使ってみた人の記録です — 一言も完走の記録も、確認のうえで公開しています。
このリポジトリの作り方
はじめてですか？ むずかしくありません — 上から順にたどれば、自分の環境で動かして味見できます。
바로 시작하기
- npm でスキルをインストールします。
npx skills add feichanggege/ecommerce-visual-copywriting-skill
- または手動でリポジトリをクローンし、SKILL.md ファイルをスキルディレクトリにコピーします。
git clone https://github.com/feichanggege/ecommerce-visual-copywriting-skill.git
mkdir -p ~/.codex/skills/ecommerce-visual-copywriting
cp -r ecommerce-visual-copywriting-skill/SKILL.md ecommerce-visual-copywriting-skill/SKILL.en.md ecommerce-visual-copywriting-skill/references ecommerce-visual-copywriting-skill/examples ~/.codex/skills/ecommerce-visual-copywriting/
- インストール後、エージェントに次のように指示します。
「このサンプル商品資料を電商主画像と詳細ページの視覚企画方案に変換してください。先に視覚企画案と分構成を出力し、確認後に最終文案と生成画像プロンプトを進めてください。」
ギット飯トライで味見
入れるのが面倒で少し不安だったなら — 安全スキャンからインストールまで、ターミナル一行で終わります。
ターミナルに貼り付ければ、ギット飯の安全スキャン → 隔離フォルダへ clone → インストール → 実行方法の案内まで自動です。はじめてでも大丈夫 — この一行だけです。
npx gitbap-try feichanggege/ecommerce-visual-copywriting-skill
Node.js さえあれば、インストールなしで動きます · ギット飯トライとは？ →
これを仕事に活かす
味見がすんだら次は応用です — 仕事やビジネスに活かす方法をまとめました。
レシピ — AI にこのまま頼んでみてください
レシピを読み込んでいます…
スター推移 · 7日
使いやすさ · まねしやすいか
- ゆるいライセンス
- テストあり
- サンプル集
- 最近の更新
- AGENTS.md
- llms.txt
- テンプレート
最近の更新あり · 2026 年に作成
「커머스·결제」 こういうリポジトリを毎週受け取りませんか？
毎週月曜の朝、選んだ一膳だけ。広告なし · いつでも解除。
自分のリポジトリですか？ README にギット飯バッジを貼る
[](https://www.gitbap.com/r/feichanggege/ecommerce-visual-copywriting-skill)Claude からそのまま使う — ギット飯のつなぎ方
ギット飯を Claude につなぐと、こうしたリポジトリを Claude・Cursor・Codex から直接さがして試せます。
Claude の設定 → コネクタにこのアドレスを貼り付け。
https://www.gitbap.com/api/mcpプラグインを入れると /gitbap-trending·/gitbap-try のスラッシュコマンドで、その場でリポジトリを試せます。Claude Code で下の 2 行を順に実行してください。
/plugin marketplace add jakeparkcolde/gitbap-cowork/plugin install gitbap-cowork@gitbapAI が README をもとに要約しました · 原文を見る