Projects / Portfolio

Zhongcaoji · AI Marketing Content SaaS

B2B marketing content SaaS · Vue3 + Node.js + Alibaba Cloud Model Studio

A marketing content tool for toy manufacturers. Upload a product image and key selling points to generate platform-specific copy, filming guidance and AI video for Xiaohongshu, Douyin and Kuaishou. Supports single products and batches of 2–20.

Features & workflow

One product, many platforms

Copy, filming guidance and AI video

Generate & manage

Batch tasks, history and credit accounting

Completed generation form showing a product image, selling points, audience, platform, content type and credit cost
Target platforms
3
Content types
3
Products per batch
2-20
AI models
2
Admin password tiers
2

Technology stack

Frontend: Vue 3 (Composition API and <script setup>), TypeScript, Vite, Pinia and Tailwind CSS. Backend: Node.js, Express, strict TypeScript, Prisma and PostgreSQL.

Alibaba Cloud Model Studio provides AI services: qwen3-vl-plus for copy and filming guidance, and wan2.2-i2v-flash for image-to-video generation. Images are stored in Alibaba Cloud OSS.

How it works

Upload a product image, enter selling points, audience, price and use cases, then select a platform and content type. Batch mode processes 2–20 products, with common settings that can be overridden per item.

Batch generation page with upload area, shared settings, platform selection and content types
Batch generation for 2–20 product images, with per-item overrides

Platform-specific content

The same product produces a title, body and hashtags for Xiaohongshu, but a hook, script and conversion prompt for Douyin. The structures match each platform’s content format instead of reusing the same copy with minor wording changes.

Xiaohongshu history showing a generated title, body paragraphs and hashtags
Xiaohongshu output: title, body and hashtags
Douyin history showing a hook, storyboard script and conversion prompt
Douyin output: hook, script and conversion prompt

Design decision: constrain unsupported claims

During development, the model sometimes invented product details, battery specifications, safety certifications or customer testimonials. Such claims can damage a manufacturer’s credibility.

Explicit prompt constraints prohibit inventing missing specifications or unverified safety promises. Filming guidance involving children must use compositions that do not show their faces.

Administration and permissions

Two password tiers distinguish regular administrators from super administrators; only the latter can lock accounts, reset keys or delete users. User details show credit balances, generation statistics and recent records. Credits are charged by content type and refunded automatically on failure.

Admin user list showing usernames, credits, generation counts, status and creation time, with account management actions
Admin user list: credits, generation counts and status
User details with credit balance, generation statistics and recent task records
User details: credits, statistics and recent records

Credit accounting

Copy generation costs one credit, filming guidance one credit, and AI video 50 credits. Failed tasks refund their original credit cost. Charges and refunds run within database transactions to avoid overspending and inconsistent balances.

← Explore other projects