请设计一个能自动生成产品文案的前端小工具，简述如何设计 UI ，以及与后端 AI 服务的交互流程。

设计一个“自动生成产品文案”的前端小工具，需要从用户输入、生成控制、文案展示和交互反馈几个方面入手。

以下是 UI 与交互流程的设计思路：

一、功能目标

根据用户提供的产品信息（如名称、功能、受众等），自动生成多个版本的营销文案，并支持复制、编辑、导出。

页面分为文案生成器表单和生成结果两个区域。

其中表单需要支持输入产品名称、目标用户、产品特点，并且选择文案风格，点击生成按钮后，会在下方的结果区域展示多条备选的文案，并支持复制、导出等功能。

POST /api/generate-copy
{
  productName: "AI键盘",
  targetAudience: "打字频繁的程序员",
  features: "智能预测、自动纠错、支持多语言",
  style: "热销风格"
}

text

请根据以下产品信息，生成3条适合推广的简短营销文案，风格为“热销风格”：
- 产品名称：AI键盘
- 目标用户：打字频繁的程序员
- 核心特点：智能预测、自动纠错、支持多语言

json

{
  "copies": [
    "AI键盘，让每一次输入都智能又顺手，程序员的效率神器！",
    "打代码？用AI键盘，预测、纠错全搞定！",
    "支持多语言的智能键盘，为程序员量身定制！"
  ]
}