我开发了 Chrome 扩展程序“HonoGear Extension”，可直接从浏览器使用 AI

🍌

HonoGear Extension

极速访问最新 AI (Gemini 2.5 / Kling / SeeDream)。
集成侧边栏，实现“边看网页边查 AI”的流畅体验。
通过 FAL API 统合多种高昂订阅，降低成本。

Slide 1 of 3Remaining 2

◀▶

为什么要做这个？

“每次都要打开 ChatGPT 或 Claude 的标签页太麻烦了……” “想一边看着参考网站，一边让 AI 生成图片或总结。”

我一直这么想。最近浏览器侧边栏已成为标配，但官方的 AI 助手（Gemini, Copilot）往往 “太重”或“功能过剩” 。

“我想要一个能干净利落地执行特定 AI 的工具。” 所以我开发了 “HonoGear Extension” 。

HonoGear Extension 的特点

1. 通过侧边栏即时启动

点击图标，UI 就会在 Chrome 右侧边栏打开。它不会遮挡正在浏览的页面内容，所以可以一边看一遍操作。

Text Gen : 总结文章、起草邮件
Image Gen : 通过文本生成图像 (Flux Fast)
Video Gen : 制作短视频 (Kling AI, Hunyuan)

2. 选取最新模型的“美味部分”

我们没有自己的 GPU 服务器，而是全部通过 FAL API 处理。 FAL 是一个能以爆发速度使用最先进开源模型的推理基础设施服务。

LLM : Gemini 2.5 Flash (Google)
Image : Flux.1 [schnell] (Black Forest Labs)
Video : Kling 1.6 / Hunyuan Video

✅ Why FAL?

因为它快得惊人。Flux 图像生成 不到 1 秒 。这正是与“Banana”的 concept “Easy & Fast” 直接相关的用户体验。

技术机制 (Behind the Scenes)

它是以标准的 Chrome 扩展程序配置（Manifest V3）制作的。

Frontend : Vanilla JS + HTML/CSS (不使用框架，为了有效利用简单的 DOM)
Backend (Proxy) : Hono (Cloudflare Workers)
因为直接从扩展程序调用 FAL API 会暴露 Key，所以通过 Workers 中继。

难点

“Chrome Storage 的处理” 真的很麻烦。由于侧边栏会立即关闭并初始化，如果不将启动时的设置和历史记录严格保存在 chrome.storage.local 中，就会发生“咦，我刚才写的 prompt 去哪了？”的情况。

// 保存状态示例
const saveState = () => {
 const prompt = document.getElementById("prompt").value;
 chrome.storage.local.set({ savedPrompt: "prompt" });
};

// 启动时恢复
chrome.storage.local.get(["savedPrompt"], (result) => {
 if (result.savedPrompt) {
 document.getElementById("prompt").value = result.savedPrompt;
 }
});