我用 Flutter 与 AI 在 8 小时内构建了 AI Boardroom 应用 🚀(开源)

发布: (2026年1月6日 GMT+8 02:43)
4 min read
原文: Dev.to

Source: Dev.to

App Screenshot 1
App Screenshot 2
App Screenshot 3

“如果你可以拥有一个由全球最聪明的 AI 模型组成的董事会,实时辩论你的问题,会怎样?”

这个问题催生了 LLM Council,它完全在午餐和晚餐之间构建完成。

灵感

我看到 Andrej Karpathy(OpenAI 创始成员,前特斯拉 AI 总监)在推特上发布了他的项目:llm-council

他的网页界面允许你提出问题,收集来自多个 LLM(GPT‑4、Claude 等)的答案,让模型相互阅读对方的回复,随后由一个“主席”模型综合出最佳建议。

我希望把这种体验装进口袋——一款高端、行政级别的移动应用,仿佛走进董事会议室,配备暗色模式、金色点缀和流畅动画。

技术栈

  • Flutter 3.6+ – 在 iOS 和 Android 上实现丝般顺滑的 60 fps UI。
  • Bloc & Clean Architecture – 快速开发,无凌乱代码。
  • OpenRouter API – 单一密钥即可访问 Claude 3.5 Sonnet、GPT‑4o、Gemini 1.5 Pro 等。
  • Antigravity – 充当我的配对程序员的 AI 编码助手。

Source:

“午餐到深夜晚餐”冲刺 (1 PM – 9 PM)

1:00 PM – 环境搭建 🏗️

初始化 Flutter 项目并创建领域层:
User → Question → Council → Deliberation → Synthesis.

2:30 PM – 反重力加速 🚀

提示 Antigravity:

“生成一个访问 OpenRouter 的仓库。它需要同时处理来自 4 种不同模型的流式响应。”

Antigravity 给出了完整实现,包含 Dio 拦截器、错误解析以及并发的 Future.wait 调用。

4:30 PM – UI 打磨 ✨

设计了 “《继承者们》” 风格的美学:

  • 深海军蓝背景 (#0F172A)
  • 活动发言者使用金色强调
  • 匿名同行评审(模型之间盲目互评)

使用 flutter_animate 实现消息滑入效果。

6:30 PM – 综合逻辑 🧠

实现了 Chairman 模型:

“审阅这些观点并提供一个综合的执行摘要。”

得到的答案比任何单一模型都更平衡、更细致。

8:00 PM – 最终优化与测试 🏁

  • 添加了使用 sqflite 的本地持久化。
  • 加固了 API‑key 的存储。
  • 为 Chairman 动画做了细致优化,使其更加流畅。

9:00 PM – 提交、推送,然后吃晚饭。

代码(开源)

完整项目已开源。克隆它,添加你自己的 API 密钥,即可拥有个人的 AI 董事会。

👉 github.com/sayed3li97/llm_council_app

Future consult(String query) async {
  // 1. Fire off requests to all members in parallel
  final responses = await Future.wait(
    members.map((model) => _api.ask(model, query)),
  );

  // 2. Anonymize and request peer reviews
  final reviews = await _conductPeerReviews(responses);

  // 3. Synthesis by Chairman
  return _chairman.synthesize(responses, reviews);
}

为什么这很重要

开发正从单纯的打字速度转向 架构愿景工具利用。通过使用像 Antigravity 这样的 AI 助手,我可以专注于产品体验——动画、流程和价值——而 AI 负责底层实现。

一个在 8 小时内构建的可投入生产的应用展示了在合适的工具与清晰的愿景相结合时的可能性。

你会构建什么?

如果你喜欢这个项目,请给仓库加星并关注,以获取更多 Flutter & AI 实验。

Back to Blog

相关文章

阅读更多 »

Rapg:基于 TUI 的密钥管理器

我们都有这种经历。你加入一个新项目,首先听到的就是:“在 Slack 的置顶消息里查找 .env 文件”。或者你有多个 .env …

技术是赋能者,而非救世主

为什么思考的清晰度比你使用的工具更重要。Technology 常被视为一种魔法开关——只要打开,它就能让一切改善。新的 software,...

踏入 agentic coding

使用 Copilot Agent 的经验 我主要使用 GitHub Copilot 进行 inline edits 和 PR reviews,让我的大脑完成大部分思考。最近我决定 t...