🔥 火花 (Brand Spark)

AI 驱动的多工作台品牌内容创作平台 — 让每一次表达都闪耀光芒

📖 项目简介

火花是一个多工作台品牌内容创作 AI SaaS 平台，通过 OpenClaw Skill（对话式入口）+ Web 平台（多工作台） 的双端架构，覆盖社交媒体图文、营销海报、短视频脚本、电商文案等全场景内容创作。

核心特性

• 🤖 对话式创作 — 通过 OpenClaw Skill 自然对话采集需求，自动从 workspace 补充品牌资料
• 🏗️ 多工作台架构 — 6 大独立工作台，覆盖品牌内容全场景
• 🌍 18 平台支持 — 国内 9 平台（微信/微博/小红书/抖音/知乎/B站/头条/百家号/快手）+ 海外 9 平台（Twitter/LinkedIn/Instagram/Facebook/Threads/TikTok/YouTube/Medium/Reddit）
• 🎛️ 15+ 可控参数 — 写作风格、内容深度、段落长度、情绪基调、受众定位、CTA 策略、图片风格等全维度控制
• 🧠 AI 智能推荐 — 根据主题自动推荐最优生成参数
• ✨ Humanizer 去 AI 味 — 三级去 AI 痕迹（低/中/高），让内容像真人写的
• 🖼️ 智能配图 — AI 自动为每个段落生成配图，支持 6 种图片风格
• 📱 多平台适配 — 一次创作，自动适配多个平台的格式和风格
• 💰 积分体系 — 完整的充值、消费、退款、赠送积分系统
• 📝 在线编辑器 — 富文本编辑、参数微调、实时预览、一键导出

🏗️ 工作台一览

工作台	状态	说明
📝 社交媒体图文	✅ 已上线	18 平台图文内容生成
🎨 营销海报	✅ 已上线	AI 海报概念生成 + 设计
🎬 短视频脚本	🔜 即将推出	口播 / 分镜 / 脚本
🛒 电商文案	🔜 即将推出	详情页 / 标题 / 卖点
🎙️ 播客脚本	🔜 即将推出	音频内容策划
📊 数据报告	🔜 即将推出	自动化分析报告

🏛️ 架构设计

┌─────────────────────────────────────────────────────────────────┐
│                     OpenClaw Skill（统一入口）                    │
│  自然对话采集 → workspace 资料补充 → 智能参数推断 → 一键提交       │
└────────────────────┬────────────────────────────────────────────┘
                     │ POST /functions/v1/create-session
                     │ Headers: x-api-key  +  完整 context 对象
                     ↓
┌─────────────────────────────────────────────────────────────────┐
│                     火花 SaaS 平台                                │
│                                                                   │
│  ┌────────────────────────────────────────────────────────────┐ │
│  │  Edge Functions (Supabase)                                 │ │
│  │  ├─ create-session        创建会话 + 自动推断参数           │ │
│  │  ├─ generate-article      AI 内容生成 + Humanizer + 配图   │ │
│  │  ├─ generate-images       段落级智能配图                    │ │
│  │  ├─ generate-poster       AI 海报生成                      │ │
│  │  ├─ generate-poster-concepts  海报概念方案                 │ │
│  │  ├─ recommend-params      AI 参数智能推荐                  │ │
│  │  ├─ rewrite-text          文本改写 / 去 AI 味              │ │
│  │  ├─ scrape-url            URL 内容提取                     │ │
│  │  ├─ manage-api-keys       API Key 管理                     │ │
│  │  ├─ verify-token          Token 验证                       │ │
│  │  ├─ publish               内容发布                         │ │
│  │  ├─ cleanup-images        图片清理                         │ │
│  │  └─ _shared/credits.ts    积分系统共享模块                  │ │
│  └────────────────────────────────────────────────────────────┘ │
│                                                                   │
│  ┌────────────────────────────────────────────────────────────┐ │
│  │  Web Frontend (React + TypeScript)                         │ │
│  │  ├─ WorkspaceHub    工作台选择中心                         │ │
│  │  ├─ Workspace       社交媒体图文工作台                      │ │
│  │  ├─ PosterWorkspace 营销海报工作台                          │ │
│  │  ├─ ArticleEditor   富文本编辑器（编辑/导出/发布）           │ │
│  │  ├─ ProfileCenter   个人中心（API Key / 平台配置 / 充值）    │ │
│  │  └─ Billing         积分充值与交易记录                      │ │
│  └────────────────────────────────────────────────────────────┘ │
└─────────────────────────────────────────────────────────────────┘

🚀 快速开始

方式一：OpenClaw Skill（推荐）

1. 安装 Skill

# 克隆仓库
git clone https://github.com/finewood2008/brand-spark.git
cd brand-spark/skill

# 复制到 OpenClaw skills 目录
# Windows:
xcopy /E /I . "%USERPROFILE%\.openclaw\workspace\skills\spark-content"
# macOS/Linux:
cp -r . ~/.openclaw/workspace/skills/spark-content

2. 获取 API Key

1. 访问 spark.babelink.ai
2. 注册 / 登录
3. 进入个人中心 → API Key 管理
4. 生成新 API Key（格式：spark_xxxxxxxx）

3. 配置

编辑 skills/spark-content/config.json：

{
  "apiKey": "spark_your_api_key_here",
  "apiUrl": "https://ijyztlzuggwrpqeqjkwf.supabase.co/functions/v1/create-session"
}

4. 开始使用

你: 帮我写一篇我们公司 BabelAI 完成 A 轮融资的公众号文章

Helen: 我从你的资料整理了以下内容：
       📝 BabelAI A 轮融资公告
       🏷️ BabelAI（来自 workspace）
       🎯 建立行业影响力
       📱 微信公众号
       🖊️ 专业严谨 · 行业深度
       确认生成？

你: 确认，再加个 LinkedIn 版本

Helen: 🔥 已提交！2 个平台版本生成中
       📱 微信公众号（主）
       💼 LinkedIn（适配）
       🔗 https://spark.babelink.ai/article/xxx?token=yyy

方式二：Web 平台直接使用

1. 访问 spark.babelink.ai
2. 注册登录
3. 选择工作台 → 输入主题 → AI 推荐参数 → 生成

📱 支持平台

🇨🇳 国内平台

微信公众号 · 微博 · 小红书 · 抖音 · 知乎 · B站 · 今日头条 · 百家号 · 快手

🌍 海外平台

X/Twitter · LinkedIn · Instagram · Facebook · Threads · TikTok · YouTube · Medium · Reddit

🎛️ 生成参数

参数	可选值	说明
写作风格	专业/轻松/文艺/幽默/犀利/叙事	文章整体语气
内容深度	概览/详细/专家	信息密度
段落长度	短/中/长	段落篇幅
章节数量	2-10	文章结构
情绪基调	中性/积极/启发/紧迫/共情	情感色彩
目标受众	大众/专业/年轻/商务/技术/创意	读者定位
语言风格	正式/标准/口语/网络	用词风格
CTA 策略	无/软性/互动/转化/分享	行动引导
目标字数	300-5000	内容长度
图片风格	商业/杂志/插画/扁平/电影/水彩	配图风格
去AI味强度	低/中/高	Humanizer 力度

📂 项目结构

brand-spark/
├── src/
│   ├── pages/
│   │   ├── Landing.tsx           # 落地页
│   │   ├── WorkspaceHub.tsx      # 工作台选择中心
│   │   ├── Workspace.tsx         # 社交媒体图文工作台
│   │   ├── PosterWorkspace.tsx   # 营销海报工作台
│   │   ├── ArticleEditor.tsx     # 富文本编辑器
│   │   ├── ProfileCenter.tsx     # 个人中心
│   │   └── Billing.tsx           # 积分充值
│   ├── components/
│   │   ├── CreateContentForm.tsx # 内容创建表单
│   │   ├── EditorParamsPanel.tsx # 编辑器参数面板
│   │   ├── TitleCoverSection.tsx # 标题封面组件
│   │   └── AppLayout.tsx         # 全局布局
│   ├── hooks/
│   │   └── useCredits.ts         # 积分系统 Hook
│   └── contexts/
│       └── AuthContext.tsx        # 认证上下文
├── supabase/
│   ├── functions/                # 12 个 Edge Functions
│   │   ├── create-session/       # 会话创建 + 参数推断
│   │   ├── generate-article/     # 内容生成 + Humanizer + 配图
│   │   ├── generate-images/      # 智能配图
│   │   ├── generate-poster/      # 海报生成
│   │   ├── generate-poster-concepts/
│   │   ├── recommend-params/     # AI 参数推荐
│   │   ├── rewrite-text/         # 文本改写
│   │   ├── scrape-url/           # URL 提取
│   │   ├── manage-api-keys/
│   │   ├── verify-token/
│   │   ├── publish/
│   │   ├── cleanup-images/
│   │   └── _shared/credits.ts   # 积分共享模块
│   └── migrations/               # 数据库迁移
├── skill/                        # OpenClaw Skill
│   ├── SKILL.md                  # Skill 行为指南
│   ├── spark.js                  # Skill 运行逻辑
│   └── config.json               # API 配置
├── public/
└── README.md

💰 积分体系

功能	消耗积分
文章生成	10
智能配图（每张）	5
Humanizer 改写	3
海报概念	8
海报生成	15

充值阶梯折扣：充值越多折扣越大，最高 8 折。

🛠️ 技术栈

• 前端: React 18 + TypeScript + Vite + Tailwind CSS + shadcn/ui + Framer Motion
• 后端: Supabase Edge Functions (Deno) + PostgreSQL
• AI: VveAI Gateway (Gemini 3 Flash / Gemini 3.1 Pro)
• 配图: AI 图片生成（Flux / SDXL）
• 认证: Supabase Auth + API Key + Session Token
• 部署: Lovable (前端) + Supabase (后端)

📄 许可协议

商业专有软件，版权归 Centaur AI / 半人马AI 所有。

详见 LICENSE。

---

用火花，点燃品牌内容创作的灵感 🔥