WorkBuddy 产品图视觉&文案设计 Skill
🎈
输入产品资料、资质边界、平台要求和视觉参考，先输出视觉策划案与分镜脚本，用户确认后再交付可执行的画面、图内文案、设计说明和生图 Prompt。
50%
50%
50%
50%
展示图用于说明视觉交付形态，不构成对应商品的法律意见、平台审核承诺或商业数据证明。
它解决什么问题
快速开始
代码块
Plain Text
npx skills add feichanggege/ecommerce-visual-copywriting-skill
装完后，对 Agent 说：
🎈
帮我把这个产品资料做成一套电商主图和详情页视觉策划方案。先给视觉策划案和分镜脚本，等我确认后再继续出最终文案和生图 Prompt。
手动安装
如果你的 Agent runtime 还不支持 npx skills add，可以手动复制：
代码块
Plain Text
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/
Windows PowerShell：
代码块
Plain Text
git clone https://github.com/feichanggege/ecommerce-visual-copywriting-skill.git
New-Item -ItemType Directory -Force "$env:USERPROFILE\.codex\skills\ecommerce-visual-copywriting" | Out-Null
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\"
语言切换
•
中文：使用 SKILL.md。
•
英文版：查看 README.en.md 和 SKILL.en.md。
•
运行时可直接对 Agent 说：“用英文输出”或 “Output in English”。
触发方式
你可以这样说：
•
“帮我做一套淘宝主图和详情页文案”
•
“先给我主图分镜脚本，不要直接写最终文案”
•
“这个产品怎么提炼卖点做主图”
•
“按抖音小店风格给我出视觉脚本”
•
“这个详情页有没有广告法风险”
•
“设计师要开工，给我画面 + 图内文案 + 设计说明”
•
“输出英文版电商主图策划”
#DKrgxbiCSlyK text { white-space: pre; }#DKrgxbiCSlyK .fb0 { stroke: var(--N900-FG, 0.15); }#DKrgxbiCSlyK .fb0 {stroke: rgba(31,35,41, 0.15)}#DKrgxbiCSlyK .fx0 { stroke-miterlimit: 10; }#DKrgxbiCSlyK .fx0 {stroke-miterlimit: 10}#DKrgxbiCSlyK .fa1 { fill: rgb(187, 191, 196); }#DKrgxbiCSlyK .fa1 {fill: rgb(187, 191, 196)}#DKrgxbiCSlyK .fx1 { font: 400 12px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#DKrgxbiCSlyK .fx1 {font-style: normal}#DKrgxbiCSlyK .fx2 { text-anchor: middle; }#DKrgxbiCSlyK .fx2 {text-anchor: middle}#DKrgxbiCSlyK .fx3 { dominant-baseline: central; }#DKrgxbiCSlyK .fx3 {dominant-baseline: central}#DKrgxbiCSlyK .fx4 { stroke: none; }#DKrgxbiCSlyK .fx4 {stroke: none}#DKrgxbiCSlyK .fc0 { fill: var(--text-caption); }#DKrgxbiCSlyK .fc0 {fill: #646a73}#DKrgxbiCSlyK .fa2 { fill: var(--text-link-disabled); }#DKrgxbiCSlyK .fa2 {fill: rgb(187, 191, 196)}#DKrgxbiCSlyK .fx5 { font: 400 13px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#DKrgxbiCSlyK .fx5 {font-style: normal}#DKrgxbiCSlyK .fx6 { text-anchor: start; }#DKrgxbiCSlyK .fx6 {text-anchor: start}#DKrgxbiCSlyK .fx7 { dominant-baseline: alphabetic; }#DKrgxbiCSlyK .fx7 {dominant-baseline: alphabetic}#DKrgxbiCSlyK .fc1 { fill: rgb(0, 0, 0); }#DKrgxbiCSlyK .fc1 {fill: rgb(0, 0, 0)}#DKrgxbiCSlyK .fb1 { fill: var(--N900-FG, 0.15); }#DKrgxbiCSlyK .fb1 {fill: rgba(31,35,41, 0.15)}#DKrgxbiCSlyK .fb2 { fill: rgb(209, 217, 224); }#DKrgxbiCSlyK .fb2 {fill: rgb(209, 217, 224)}#DKrgxbiCSlyK .fa3 { fill: var(--bg-body); }#DKrgxbiCSlyK .fa3 {fill: #fff}ABC1234567场景视觉策划主图文案详情页生图 Prompt合规审查自审评分交付物转化驱动力、风格锁、利益翻译表、合规边界5 张主图的视觉任务、构图、图内文案、设计说明首屏、核心利益、材质工艺、场景、证据、FAQ、CTA主体、构图、光影、材质、背景、限制项高风险词、替换方向、免责声明合规性、利益翻译度、视觉第一落点、触感/媒介表达、叙事连贯性关键门禁先确认方向主图每张不超过 5 行按成交路线组织继承统一视觉风格规范不编造资质和证据任一维度低于 80 重写
能交付什么
它和普通 AI 写文案有什么不同
安全边界
这个 Skill 会：
•
基于用户提供的产品资料、资质、检测报告编号和平台要求写作。
•
对不确定资质标注“缺失”，不把未经验证的信息写成事实。
•
对普通食品、运动器材、保健食品使用不同合规边界。
•
在视觉策划和分镜脚本阶段暂停，等用户确认后再进入最终稿。
这个 Skill 不会：
•
代替律师、平台小二或监管机构给出最终法律结论。
•
编造检测报告、专利号、批准文号、销量、用户评价或功效证明。
•
在用户未确认资质时宣传治疗、保健、改善身体功能等高风险卖点。
•
自动发布、上架、发送给设计师或改动店铺后台。
文件结构
代码块
Plain Text
SKILL.md # 中文核心工作流
、SKILL.en.md # 英文版本
README.md # 中文首页
README.en.md # English README
references/compliance-rules.md # 分品类合规规则库和替换表
examples/README.md # 可复用输入与输出样例
../assets/showcase/ # 效果图展示
../assets/showcase-output.svg # 结构化输出展示卡
tools/verify-skill.py # 发布前结构和隐私检查
docs/skill-polishing-report.md # 鲁班打磨记录和对标来源
验证
本仓库提供一个零依赖检查脚本：
代码块
Plain Text
python tools/verify-skill.py
它会检查：
•
SKILL.md frontmatter、触发词、暂停条件和五维自审。
•
SKILL.en.md 是否存在并包含英文工作流。
•
README 是否包含中文入口、英文切换、效果展示、安全边界和验证说明。
•
展示图、示例、合规规则、marketplace 元数据是否存在。
•
仓库文本是否包含常见 token、cookie、私有路径等泄露风险。
适用平台
默认面向支持 Agent Skills 的运行环境，也可手动迁移到 Claude Code、Codex、OpenClaw、Cursor、Windsurf、Continue 等支持自定义指令的工具。
不同平台的加载目录可能不同；真正生效以你的 Agent runtime 文档为准。