项目 / Portfolio

种草机 —— AI 多平台带货文案生成 SaaS

B2B 营销内容生成 SaaS · Vue3 + Node.js + 阿里云百炼

面向玩具厂老板的营销内容生成工具。上传一张产品图、填几行卖点,自动生成适配小红书、抖音、快手三个平台风格的文案、拍摄指导和 AI 视频,支持单品和批量(2-20 件)两种模式。

功能与工作流

一份产品,多平台产出

文案、拍摄指导与 AI 视频

从生成到管理

批量任务、历史记录和积分闭环

生成页面填写完毕状态,展示已上传的产品图占位、卖点信息、目标平台与内容类型选择,以及本次积分消耗提示
目标平台
3
内容类型
3
批量产品数
2-20
接入 AI 模型
2
管理员密码等级
2

技术栈

前端 Vue 3(Composition API + <script setup>)+ TypeScript + Vite + Pinia + Tailwind CSS;后端 Node.js + Express + TypeScript(严格模式)+ Prisma + PostgreSQL。

AI 接入阿里云百炼:文案与拍摄指导用 qwen3-vl-plus,图生视频用 wan2.2-i2v-flash;图片存储走阿里云 OSS。

功能演示

上传产品图后填写卖点、目标用户、价格、使用场景,选择目标平台和内容类型,一键提交。批量模式支持一次处理 2-20 个产品,通用设置可逐条覆盖。

批量生成页面,展示上传区域和通用设置表单,包含目标平台与内容类型选择
批量生成页面:一次上传 2-20 张产品图,通用设置可逐条覆盖

多平台适配是核心能力

同一个产品,小红书生成"标题+正文+话题标签"结构,抖音生成"钩子+脚本+转化引导"结构——两个平台内容形态从结构上就不同,不是同一份文案改几个字。

小红书平台历史记录详情,展示标题、正文段落与话题标签的完整产出结构
小红书历史记录,完整产出:标题 + 正文 + 话题标签
抖音平台历史记录详情,展示钩子、分镜脚本与转化引导的完整产出结构,与小红书的标题正文标签结构不同
抖音历史记录,完整产出:钩子 + 脚本 + 转化引导,结构与小红书不同

设计决策:约束 AI 不要编造

开发中发现大模型写营销文案会编造产品没提供的信息——凭空编电池型号、编造不存在的安全认证、编出子虚乌有的用户证言。这类幻觉对营销内容尤其危险,一旦被戳穿伤的是厂商信誉。

针对这点在 prompt 层面加了显式约束:禁止编造未提供的产品参数,禁止生成未经证实的安全承诺,涉及儿童拍摄强制要求不露脸构图。

管理后台与权限设计

双密码体系区分普通管理员与超级管理员,后者才能锁定、重置密钥、删除。用户详情页展示积分余额、生成统计、近期记录。积分配额按内容类型计费,失败自动退款。

管理后台用户管理页面,列出用户名、积分余额、生成次数、状态和创建时间,提供加积分、锁定、重置密钥、删除等操作
管理后台用户列表:积分、生成次数、状态一览
用户详情页面,展示积分状态条、生成统计数据(产品数、文案、拍摄指导、AI 视频、积分消耗、失败数)和近期生成记录列表
用户详情页:积分状态、生成统计、近期记录

积分计费规则

文案生成 1 积分、拍摄指导 1 积分、AI 视频生成 50 积分。生成失败时按任务的积分成本自动退还,扣减与退款都在数据库事务内完成,避免出现超额生成或积分账目错误。

← 查看其他项目