AI 文案 (智能种草) 产品架构设计

1. 产品定位与目标

定位：酒店行业的“金牌文案师”，精通各大社交平台（小红书、朋友圈、公众号）的流量密码。 目标：解决酒店员工写文案“词穷”、缺乏吸引力、不了解平台排版规则的痛点。通过结构化输入（卖点、受众），一键生成高转化率、带 Emoji 和标签的优质文案。

2. 核心场景支持 (Scenarios)

• 营销种草 (Marketing)：适用于小红书/朋友圈的带货文案，强调情绪价值、网感和利益点。
• OTA 评价回复 (Review Reply)：针对携程/美团的客评，提供真诚道歉、热情感谢或客观解释的智能回复，维护品牌声誉。

3. 技术架构与数据流 (Technical Architecture)

3.1 核心链路

1. 表单输入 (Input)：收集发布平台、文案风格、核心卖点等参数。
2. 提示词编译 (Prompt Compilation)：后端或 BFF 层将这些参数嵌入到预设的 System Prompt 模板中。
3. 流式请求 (SSE Streaming)：使用原生的 fetch API，配置 Accept: text/event-stream，调用后端的大模型接口（如火山豆包或阿里通义千问）。
4. 增量渲染 (Incremental Rendering)：前端监听 onmessage 事件，解析增量文本块（Chunk），并追加到 Vue 的响应式变量中。
5. Markdown 解析 (Markdown Parsing)：使用 marked.js 将文本实时转换为富文本，配合 CSS 动画呈现丝滑的“打字机”效果。

3.2 System Prompt 策略矩阵

针对不同的发布平台，预设严苛的输出格式限制：

• 小红书平台：
  • System Prompt：“你是一个精通小红书爆款逻辑的酒店体验官。标题必须吸引眼球（带有|、✨等符号）。正文必须采用分段式排版，大量使用 Emoji，并以【核心卖点】作为段落小标题。文末必须附带至少 5 个相关的 HashTag (#)。”
• 朋友圈平台：
  • System Prompt：“你是一个专业的酒店销售。文案必须控制在 150 字以内，语言精炼，突出利益点和限时特惠，最后必须包含行动号召（如：戳评论区预订）。”

4. 容错与优雅降级 (Graceful Degradation)

• 网络中断处理：若流式连接意外断开，前端保留已生成的文本，并显示“网络异常，生成已中断，可点击【继续生成】”。
• 违禁词拦截 (Safety Filter)：若大模型触发安全风控，返回报错信息，前端需将报错转换为友好提示：“抱歉，您的输入可能包含敏感词汇，请调整后重试”。
• 打字机卡顿优化：为了防止大量文本涌入导致 Vue 响应式系统卡顿，前端可使用 requestAnimationFrame 对增量文本的 DOM 更新进行节流（Throttling）处理。