🧠 思维风暴者 - 基于 AI 的头脑风暴工具

---

✨ 功能

🎯 结构化头脑风暴方法

• 大思维导图 - 在广泛范围内扩展思路，以实现最大化的创意生成
• 逆向头脑风暴 - 识别潜在问题，从而发现创新解决方案
• 角色扮演头脑风暴 - 从不同视角出发，获取多元见解
• SCAMPER - 应用系统性的创意思考技巧
• 六顶思考帽 - 从六个不同角度审视想法
• 星爆法 - 使用 5W1H 生成全面的问题

🚀 现代技术栈

• 前端: Next.js 15 与 App Router、React 19、TypeScript
• 样式: Tailwind CSS 配合自定义动画
• UI 组件: Radix UI 原语结合 shadcn/ui
• 状态管理: Zustand 用于全局状态
• AI 集成: OpenAI GPT 模型支持流式传输
• Markdown: React Markdown 用于富文本内容展示

💡 核心特性

• 🌊 来自 AI 的 实时流式 回应
• 🎨 具有流畅动画和过渡效果的 精美 UI
• 📱 适用于所有设备的 完全响应式 设计
• 🔐 安全的 API 密钥 管理
• 📊 会话历史 追踪
• 🎯 结构化的输出，包含整理好的想法树
• 🌙 支持 暗黑模式（即将推出）

🛠️ 安装

先决条件

• Node.js 18+ 及 npm/yarn/pnpm
• OpenAI API 密钥（在此获取）

快速开始

1. 克隆仓库

   git clone https://github.com/Azzedde/brainstormers
   cd brainstormers
   

2. 安装依赖

   npm install
   # 或
   yarn install
   # 或
   pnpm install
   

3. 设置环境变量

   cp .env.example .env.local
   

   将您的 OpenAI API 密钥添加到 .env.local：

   OPENAI_API_KEY=your-api-key-here
   

4. 运行开发服务器

   npm run dev
   # 或
   yarn dev
   # 或
   pnpm dev
   

5. 打开浏览器

   访问 http://localhost:3000

📖 使用指南

开始使用

1. 初始设置: 首次访问时，系统会提示您输入 OpenAI API 密钥
2. 选择方法: 从六种不同的头脑风暴技术中选择一种
3. 输入主题: 描述您想要头脑风暴的内容
4. 获取 AI 驱动的想法: 接收结构化的、特定方法的头脑风暴结果
5. 探索与扩展: 通过后续问题深入挖掘生成的想法

头脑风暴方法详解

🗺️ 大思维导图

最适合：初步探索、广泛创意生成

• 生成多个主要分支的想法
• 每个分支进一步扩展为详细的子想法
• 非常适合启动新项目

🔄 逆向头脑风暴

最适合：问题解决、风险识别

• 识别导致问题的各种方式
• 将负面因素转化为解决方案
• 非常适合调试和改进

🎭 角色扮演头脑风暴

最适合：用户体验、利益相关方分析

• 从不同角色的视角看待主题
• 生成特定视角的见解
• 非常适合产品开发

🔧 SCAMPER

最适合：产品创新、创造性解决方案

• 使用 7 种技巧的系统性方法
• 替换、组合、适应、修改、另作他用、消除、反转
• 非常适合对现有想法进行迭代

🎩 六顶思考帽

最适合：全面分析、团队决策

• 白帽：事实与数据
• 红帽：情感与直觉
• 黑帽：风险与谨慎
• 黄帽：益处与乐观
• 绿帽：创造力与替代方案
• 蓝帽：流程与控制

⭐ 星爆法

最适合：计划制定、深入探索

• 使用 Who、What、Where、When、Why、How 生成问题
• 为每个问题提供详细答案
• 非常适合项目规划

🚀 部署

在 Vercel 上部署

部署 Brainstormers 应用最简单的方式：

1. 点击上方按钮
2. 在环境变量中添加您的 OPENAI_API_KEY
3. 部署！

手动部署

1. 构建应用程序

   npm run build
   

2. 启动生产服务器

   npm start
   

🔧 配置

环境变量

变量	描述	是否必需
OPENAI_API_KEY	您的 OpenAI API 密钥	是
NEXT_PUBLIC_APP_URL	您的应用程序 URL（用于生产环境）	否

自定义

• 样式: 修改 src/app/globals.css 和 Tailwind 配置
• 方法: 在 src/lib/brainstorm/methods.ts 中添加新的头脑风暴方法
• 提示词: 在 src/lib/brainstorm/prompts.ts 中自定义 AI 提示词

📊 成本效益

• 平均每次会话成本：约 $0.01-0.02
• 优化后的提示词可最大限度减少 token 使用
• 流式响应可在不增加额外成本的情况下提升用户体验

🗺️ 路线图

• 本地 LLM 支持（Ollama 集成）
• 导出头脑风暴结果（PDF、Markdown）
• 协作式头脑风暴会议
• 自定义头脑风暴方法构建器
• 与笔记应用集成
• 移动端应用（React Native）
• 语音输入支持
• 多语言支持

🤝 贡献

欢迎贡献！请随时提交 Pull Request。

1. 分支仓库
2. 创建功能分支 (git checkout -b feature/AmazingFeature)
3. 提交更改 (git commit -m 'Add some AmazingFeature')
4. 推送到分支 (git push origin feature/AmazingFeature)
5. 打开 Pull Request

📄 许可证

本项目采用 MIT 许可证授权 - 详情请参阅 LICENSE 文件。

🙏 致谢

• 灵感来源于成熟的头脑风暴方法论
• 基于优秀的开源工具构建
• 特别感谢 AI/ML 社区

📞 联系与支持

• GitHub Issues: 提交 bug 或请求功能
• Discussions: 加入讨论

---

Brainstormers 快速上手指南

Brainstormers 是一款基于 Next.js 和 OpenAI 的 AI 驱动头脑风暴工具，支持大思维导图、逆向头脑风暴、角色扮演等多种结构化创意方法。

环境准备

在开始之前，请确保您的开发环境满足以下要求：

• Node.js: 版本 18 或更高
• 包管理器: npm, yarn 或 pnpm
• API 密钥: 需要有效的 OpenAI API Key

安装步骤

1. 克隆项目

将代码仓库克隆到本地并进入项目目录：

git clone https://github.com/Azzedde/brainstormers
cd brainstormers

2. 安装依赖

使用您偏好的包管理器安装项目依赖（国内用户若遇网络问题，可配置淘宝镜像源）：

npm install
# 或者
yarn install
# 或者
pnpm install

3. 配置环境变量

复制示例环境变量文件，并填入您的 OpenAI API 密钥：

cp .env.example .env.local

编辑 .env.local 文件，填入您的密钥：

OPENAI_API_KEY=your-api-key-here

4. 启动开发服务器

运行以下命令启动本地开发服务：

npm run dev
# 或者
yarn dev
# 或者
pnpm dev

基本使用

1. 访问应用 打开浏览器访问 http://localhost:3000。

2. 初始化设置 首次访问时，系统会提示您输入 OpenAI API Key（如果您未在 .env.local 中配置）。

3. 选择头脑风暴方法 从六种结构化方法中选择一种：

   • Big Mind Mapping: 广泛扩展想法，适合项目初期探索。
   • Reverse Brainstorming: 通过识别潜在问题来寻找解决方案。
   • Role Storming: 切换不同角色视角获取多样化洞察。
   • SCAMPER: 运用系统化创新技巧（替代、合并、改造等）。
   • Six Thinking Hats: 从六个维度（事实、情感、风险、乐观、创意、控制）分析想法。
   • Starbursting: 基于 5W1H 生成全面的问题清单。

4. 输入主题并生成 在输入框中描述您想要探讨的主题，点击生成。AI 将实时流式输出结构化的创意结果。

5. 深入探索 您可以针对生成的想法提出后续问题，进一步挖掘细节。