ecommerce-visual-copywriting-skill

Name: ecommerce-visual-copywriting-skill
Author: feichanggege

byfeichanggege· 1 skill

Stars

499

Forks

How to install ecommerce-visual-copywriting-skill?

feichanggege/ecommerce-visual-copywriting-skill

$npx -y skills add feichanggege/ecommerce-visual-copywriting-skill --skill ecommerce-visual-copywriting-skill

Installs into the current project.

›Prefer a prompt? Paste this to your agent

Use this skill

Run `npx skills use "https://github.com/feichanggege/ecommerce-visual-copywriting-skill" --skill "feichanggege/ecommerce-visual-copywriting-skill"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.

Use the whole pack

Use the skills in "https://github.com/feichanggege/ecommerce-visual-copywriting-skill" that are relevant to the current task. Run `npx skills add "https://github.com/feichanggege/ecommerce-visual-copywriting-skill"` and select the relevant skills, then follow their instructions.

Files · 1

View on GitHub

SKILL.md

1	<div align="center">
2
3	# 电商视觉文案设计 Skill
4
5	中文 · [English](README.en.md)
6
7	> 把商品资料磨成能落图的主图、详情页分镜脚本、图内文案、设计说明和生图 Prompt。
8
9	[![Agent Skills](https://img.shields.io/badge/Agent%20Skills-ecommerce--visual--copywriting-blueviolet)](SKILL.md)
10	[![skills.sh](https://skills.sh/b/feichanggege/ecommerce-visual-copywriting-skill)](https://skills.sh/feichanggege/ecommerce-visual-copywriting-skill)
11	[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](LICENSE)
12	[![Verify](https://img.shields.io/badge/verify-python%20tools%2Fverify--skill.py-2ea44f)](tools/verify-skill.py)
13
14	输入产品资料、资质边界、平台要求和视觉参考，先输出视觉策划案与分镜脚本，用户确认后再交付可执行的画面、图内文案、设计说明和生图 Prompt。
15
16	[效果展示](#效果展示) · [快速开始](#快速开始) · [触发方式](#触发方式) · [能交付什么](#能交付什么) · [安全边界](#安全边界) · [验证](#验证)
17
18	</div>
19
20	---
21
22	## 效果展示
23
24	这些图展示本 Skill 面向的最终执行形态：主图视觉截流、多角度产品视图、场景详情页、质感卖点表达。
25
26	<div align="center">
27	<table>
28	<tr>
29	<td align="center" width="50%">
30	<a href="assets/showcase/musang-king-durian-main.jpg">
31	<img src="assets/showcase/thumbs/musang-king-durian-main-thumb.jpg" alt="猫山王榴莲主图" width="360" height="360">
32	</a><br>
33	<strong>高端食品主图</strong>
34	</td>
35	<td align="center" width="50%">
36	<a href="assets/showcase/figure-multi-angle.png">
37	<img src="assets/showcase/thumbs/figure-multi-angle-thumb.jpg" alt="手办多角度产品视图" width="360" height="360">
38	</a><br>
39	<strong>多角度产品视图</strong>
40	</td>
41	</tr>
42	<tr>
43	<td align="center" width="50%">
44	<a href="assets/showcase/figure-desktop-scene.png">
45	<img src="assets/showcase/thumbs/figure-desktop-scene-thumb.jpg" alt="桌面陈列场景图" width="360" height="360">
46	</a><br>
47	<strong>桌面场景详情</strong>
48	</td>
49	<td align="center" width="50%">
50	<a href="assets/showcase/lumina-pendant-lamp.png">
51	<img src="assets/showcase/thumbs/lumina-pendant-lamp-thumb.jpg" alt="玻璃吊灯质感主图" width="360" height="360">
52	</a><br>
53	<strong>家居灯具质感表达</strong>
54	</td>
55	</tr>
56	</table>
57	</div>
58
59	> 展示图用于说明视觉交付形态，不构成对应商品的法律意见、平台审核承诺或商业数据证明。
60
61	---
62
63	## 它解决什么问题
64
65	你让 AI 写电商图文，最常见的翻车不是“不够华丽”，而是三件事：
66
67	- 直接写最终文案，方向错了才返工。
68	- 卖点听起来猛，但碰到广告法、功效宣称或平台审核红线。
69	- 输出只有文案，没有画面、层级、材质光影、免责声明和设计执行说明。
70
71	这个 Skill 把电商视觉文案拆成一个有门禁的 SOP：先判断转化驱动力，锁定统一视觉风格规范，再输出主图和详情页分镜脚本；用户确认后，才进入最终画面、图内文案、设计说明和生图 Prompt。
72
73	## 快速开始
74
75	```bash
76	npx skills add feichanggege/ecommerce-visual-copywriting-skill
77	```
78
79	装完后，对 Agent 说：
80
81	```text
82	帮我把这个产品资料做成一套电商主图和详情页视觉策划方案。先给视觉策划案和分镜脚本，等我确认后再继续出最终文案和生图 Prompt。
83	```
84
85	### 手动安装
86
87	如果你的 Agent runtime 还不支持 `npx skills add`，可以手动复制：
88
89	```bash
90	git clone https://github.com/feichanggege/ecommerce-visual-copywriting-skill.git
91	mkdir -p ~/.codex/skills/ecommerce-visual-copywriting
92	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/
93	```
94
95	Windows PowerShell：
96
97	```powershell
98	git clone https://github.com/feichanggege/ecommerce-visual-copywriting-skill.git
99	New-Item -ItemType Directory -Force "$env:USERPROFILE\.codex\skills\ecommerce-visual-copywriting" \| Out-Null
100	Copy-Item -Recurse ecommerce-visual-copywriting-skill\SKILL.md,ecommerce-visual-copywriting-skill\SKILL.en.md,ecommerce-visual-copywriting-skill\references,ecommerce-visual-copywriting-skill\examples "$env:USERPROFILE\.codex\skills\ecommerce-visual-copywriting\"
101	```
102
103	## 语言切换
104
105	- 中文：使用 `SKILL.md`。
106	- 英文版：查看 [README.en.md](README.en.md) 和 [SKILL.en.md](SKILL.en.md)。
107	- 运行时可直接对 Agent 说：“用英文输出”或 “Output in English”。
108
109	## 触发方式
110
111	你可以这样说：
112
113	- “帮我做一套淘宝主图和详情页文案”
114	- “先给我主图分镜脚本，不要直接写最终文案”
115	- “这个产品怎么提炼卖点做主图”
116	- “按抖音小店风格给我出视觉脚本”
117	- “这个详情页有没有广告法风险”
118	- “设计师要开工，给我画面 + 图内文案 + 设计说明”
119	- “输出英文版电商主图策划”
120
121	## 能交付什么
122
123	\| 场景 \| 交付物 \| 关键门禁 \|
124	\|---\|---\|---\|
125	\| 视觉策划 \| 转化驱动力、风格锁、利益翻译表、合规边界 \| 先确认方向 \|
126	\| 主图文案 \| 5 张主图的视觉任务、构图、图内文案、设计说明 \| 主图每张不超过 5 行 \|
127	\| 详情页 \| 首屏、核心利益、材质工艺、场景、证据、FAQ、CTA \| 按成交路线组织 \|
128	\| 生图 Prompt \| 主体、构图、光影、材质、背景、限制项 \| 继承统一视觉风格规范 \|
129	\| 合规审查 \| 高风险词、替换方向、免责声明 \| 不编造资质和证据 \|
130	\| 自审评分 \| 合规性、利益翻译度、视觉第一落点、触感/媒介表达、叙事连贯性 \| 任一维度低于 80 重写 \|
131
132	## 它和普通 AI 写文案有什么不同
133
134	\| 维度 \| 普通 AI 文案 \| 本 Skill \|
135	\|---\|---\|---\|
136	\| 输出顺序 \| 直接生成最终稿 \| 先视觉策划，再分镜脚本，确认后执行 \|
137	\| 输出形态 \| 一段广告文案 \| 画面 + 图内文案 + 设计说明 + Prompt \|
138	\| 主图逻辑 \| 卖点堆砌 \| 5 张图各有视觉任务 \|
139	\| 详情页逻辑 \| 资料堆砌 \| 按吸引、欲望、信任、行动推进 \|
140	\| 合规边界 \| 常混用功效、绝对化、医疗化表达 \| 按普通食品、保健食品、运动器材等分层检查 \|
141	\| 质量门 \| 看起来顺就结束 \| 五维独立自审，低于 80 必须重写 \|
142
143	## 安全边界
144
145	这个 Skill 会：
146
147	- 基于用户提供的产品资料、资质、检测报告编号和平台要求写作。
148	- 对不确定资质标注“缺失”，不把未经验证的信息写成事实。
149	- 对普通食品、运动器材、保健食品使用不同合规边界。
150	- 在视觉策划和分镜脚本阶段暂停，等用户确认后再进入最终稿。
151
152	这个 Skill 不会：
153
154	- 代替律师、平台小二或监管机构给出最终法律结论。
155	- 编造检测报告、专利号、批准文号、销量、用户评价或功效证明。
156	- 在用户未确认资质时宣传治疗、保健、改善身体功能等高风险卖点。
157	- 自动发布、上架、发送给设计师或改动店铺后台。
158
159	## 文件结构
160
161	```text
162	SKILL.md # 中文核心工作流
163	SKILL.en.md # 英文版本
164	README.md # 中文首页
165	README.en.md # English README
166	references/compliance-rules.md # 分品类合规规则库和替换表
167	examples/README.md # 可复用输入与输出样例
168	assets/showcase/ # 效果图展示
169	assets/showcase-output.svg # 结构化输出展示卡
170	tools/verify-sk

6 picks

Type

Run `npx skills use "https://github.com/feichanggege/ecommerce-visual-copywriting-skill" --skill "feichanggege/ecommerce-visual-copywriting-skill"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.

Use the skills in "https://github.com/feichanggege/ecommerce-visual-copywriting-skill" that are relevant to the current task. Run `npx skills add "https://github.com/feichanggege/ecommerce-visual-copywriting-skill"` and select the relevant skills, then follow their instructions.

ecommerce-visual-copywriting-skill

How to install ecommerce-visual-copywriting-skill?

Related

ecommerce-visual-copywriting-skill

How to install ecommerce-visual-copywriting-skill?

Related