
大家好，我是齐昂！

昨天有一个新闻，关注技术的朋友应该都知道，就是 OpenClaw 超越 React、Linux，登顶 GitHub 开源第一！

然后今天我要说的 Tabbit，是美团光年之外团队这两天发布的一款 AI 浏览器。

对，又是一款 AI 浏览器， "又要在我电脑上吃灰了"，在我未体验之前我是这样想的。

毕竟我电脑上现在已经装了 10 个浏览器，有自带的 Safari，有微软的 Edge，然后各种 AI 浏览器：Arc，Dia，Commet，ChatGPT AtLas，Fellou，flowithOS，Quark。

当然还有依然坚挺，我使用最多的Chrome （Chrome前段时间也出了 Gemini in Chrome, 我开启了下，由于地域原因，没能正常打开就没折腾使用了，不做评价）。    

现在除了Chrome我经常使用，Commet，Dia，Arc 偶尔使用，其他浏览器基本都是吃灰了。

这四个的比例大概是 65:20:10:5。

但是在用了 Tabbit 之后, 这个比例可能会是 Tabbit : Others = 80 : 20 了。

接下来我来分享下我的使用体验。

先简单介绍下 Tabbit，

Tabbit 分：
- [国际版](https://www.tabbitbrowser.com/) 
- [国内版](https://www.tabbit-ai.com/)

最大的区别可能就是能使用的模型了,国际版支持国外三巨头+国内模型的海外部署版本，而国内版则只能使用国内模型。

| 版本 | 支持的模型 |
| ------ | ------ |
| 国际版 | GPT-5.2、Gemini-3.1-Pro、Claude-Sonnet-4.6、DeepSeek-V3.2、Doubao-Seed-1.8、Kimi-K2.5、Qwen3.5-Plus、GLM-5、MiniMax-M2.5 | 
| 国内版 | GLM-5、DeepSeek-V3.2、Doubao-Seed-1.8、Kimi-K2.5、Qwen3.5-Plus、MiniMax-M2.5、LongCat| 

搜索引擎：
- 国际版支持 Google、Microsoft Bing 等多种搜索引擎
- 国内版支持 Microsoft Bing、百度等多种搜索引擎。

支持的操作系统：Tabbit 目前支持 macOS 12.0 及以上和 Windows 10/11 系统。macOS 版本目前仅支持搭载 Apple 芯片的设备。

重点是 Tabbit 目前处于测试阶段，核心功能均可免费使用。所以如果想薅国外三巨头羊毛的话，可以下一个海外版。

话不多说，直接开整，下载安装。我是直接两个版本都下载了，方便测试。（多图预警，并且接下来的一些截图，能用双屏的我都用双屏。）

![ezimage-1772543485815.png](https://images.flashnote.top/2026/03/1772543486297-rqdtx4jx.png)

对于经常使用同 Chrome 的我来说，切换到 Tabbit 如德芙般丝滑！

![ezimage-1772543640909.png](https://images.flashnote.top/2026/03/1772543641142-odm9o13u.png)

直接选择导入 Chrome,经过两次密码验证，你的 chrome 所有信息都同步过来了，书签，插件，包括当前打开的页面

![ezimage-1772543971047.png](https://images.flashnote.top/2026/03/1772543971893-g1lz9dne.png)

ok，既然进来了，那么当前先去官网看一下，这里我打开了国际版和国内版
先打开第一个网页
![ezimage-1772544280344.png](https://images.flashnote.top/2026/03/1772544280546-vgu3it1j.png)

点击 **Add Tab to New Split View** 打开第二个页面

![ezimage-1772543160796.png](https://images.flashnote.top/2026/03/1772543161440-nffptqkm.png)

- 理解上下文
- 帮你组织工作
- 执行任务
- 无限可能

![ezimage-1772544548832.png](https://images.flashnote.top/2026/03/1772544549439-n42glurs.png)
- 添加引用：引用任何触手可及的文字、截图、网页、文件等作为上下文，获得精准定制答案。
- 更多模式：自动化处理重复任务——为你打开页面、填写表单并执行操作。
- 免费使用顶尖模型

![ezimage-1772545004293.png](https://images.flashnote.top/2026/03/1772545005016-cd072ac7.png)

![ezimage-1772545175495.png](https://images.flashnote.top/2026/03/1772545176038-52shmxdp.png)

![ezimage-1772545224792.png](https://images.flashnote.top/2026/03/1772545225388-djlbnq7e.png)

![ezimage-1772545246790.png](https://images.flashnote.top/2026/03/1772545247406-8etpdt5s.png)

![ezimage-1772545291593.png](https://images.flashnote.top/2026/03/1772545292142-a75zyq7z.png)

![ezimage-1772545337409.png](https://images.flashnote.top/2026/03/1772545337989-0vys4x9c.png)

![ezimage-1772545360542.png](https://images.flashnote.top/2026/03/1772545361308-997rf1wo.png)

## 首页

默认进首页，或者新建一个 tab，出现在眼前的就是这个对话框
![ezimage-1772550516857.png](https://images.flashnote.top/2026/03/1772550517581-jg0v3o05.png)

可以当对话用，可以当搜索用，可以当 Agent使用

![ezimage-1772550765758.png](https://images.flashnote.top/2026/03/1772550766211-ea38nc6f.png)

默认是对话模式，需要搜索的话就 Cmd(Ctrl) + Enter(回车)

Agent 模式需选中
![ezimage-1772550885114.png](https://images.flashnote.top/2026/03/1772550885458-sk8v7c4l.png)

这样就切换到了 Agent 模式，可以让它自己去执行任务了
![ezimage-1772551021112.png](https://images.flashnote.top/2026/03/1772551021325-po3gz7fi.png)

模型的话，使用国内版的话就只有国内模型

![ezimage-1772551113045.png](https://images.flashnote.top/2026/03/1772551113365-nvqd052v.png)

我再开一个国际版，截个图：

![ezimage-1772551208968.png](https://images.flashnote.top/2026/03/1772551209452-dizvxcze.png)

可以看到三巨头都有了。

再回到对话框的左边，可以看到有一个@符号，点击后可以看到有三类选项，一是打开的 tab，二是收藏，三是上传本地文件，这就是之前宣传页的添加引用，任何可触及的文字，截图，网页，文件等都可以作为上下文。

![ezimage-1772551906357.png](https://images.flashnote.top/2026/03/1772551906811-h3mhq6ry.png)

再往上，回到对话框本身，输入 **/** ，可以看到
            
![ezimage-1772552135966.png](https://images.flashnote.top/2026/03/1772552136294-h448mv2a.png)

默认了三个妙招 Polish(润色)、Explain(解释)、Summarize(总结)

（英文语境就是 skill，但是这里的 skill 和 Agent Skills 不同）说白了就是把重复的工作形成固定的流程，后续通过 **/** 直接调用即可。



## 标签管理

接下来看看标签管理，一般浏览器要么横向标签，要么纵向标签，Tabbit 让你自己任意选择。

默认我横向打开了很多标签，然后点击智能管理标签

![ezimage-1772546989326.png](https://images.flashnote.top/2026/03/1772546989559-15el36lw.png)

再选择纵向排列

![ezimage-1772547316257.png](https://images.flashnote.top/2026/03/1772547316550-8lqjq227.png)

它并没有按域名之类的分类，而是根据内容来分类

![ezimage-1772547432106.png](https://images.flashnote.top/2026/03/1772547432296-c05ejrog.png)

页面上我打开了我的个人主页和同域名下的其他 3 个字域名，，前面被分在了 AI Agents 目录，EzImage，我制作的一个图床 vscode 插件被分在了 Content Createion Tools 里，我觉得还是蛮准确的。

![ezimage-1772548154665.png](https://images.flashnote.top/2026/03/1772548154905-rt3wd6aj.png)

点进标签组是一个卡片视图，每个页面都有缩略图预览，一眼看到内容。还有个「收藏全部」按钮，一键把整组页面存下来。

![ezimage-1772548116614.png](https://images.flashnote.top/2026/03/1772548117014-87ngnn9l.png)

纵向排列的好处是，就像目录一样，层级分明，也不用担心，标签排不下了。

之前就是因为标签太多，有时我会选择把一个 chrome 浏览器，分成多个，现在不会出现这种情况了。

但是话说回来，智能标签管理也有一个问题，就是只能智能管理，不能手动管理，比如我想把我的域名下的所有页面，单独放在一个标签下，或者现在我会打开多个 github 页面，想把他们放在一个 Github标签下，目前好像都无法自定义，希望后续能支持。

## 妙招

还记得我们前面说到的 通过 **/** 调出妙招吗？那么如何创建自己的妙招呢？

![ezimage-1772586222857.png](https://images.flashnote.top/2026/03/1772586223097-4j96hgby.png)

点击灯泡，点击 All Skills 进到 skills 管理页面

![ezimage-1772586320735.png](https://images.flashnote.top/2026/03/1772586320977-6wiy0k8k.png)

然后点击 Creat Skill 或者直接点击灯泡页面的Create Skill 按钮，都可以进到创建妙招的界面。

![ezimage-1772586513256.png](https://images.flashnote.top/2026/03/1772586513635-p5ns8nyz.png)

可以看到 Skill 分为三类：

- Prompt(提示词)
- Script(脚本)
- Agent(智能体)

接下来，我们一个一个演示一下，

### Prompt 妙招
就拿 Tabbit 官网演示，创建一个 Prompt

![ezimage-1772587732292.png](https://images.flashnote.top/2026/03/1772587732570-xlqbe2yt.png)

发送调用，总结的没毛病。

![ezimage-1772595668781.png](https://images.flashnote.top/2026/03/1772595669113-9sh7hqrv.png)

简单一句话，方便后续调用，你说直接对话框输入不香吗？OK, 当然没问题，愿意多打字，也没关系。


这只是一个极其简单的演示，如果你有更复杂的需求，需要写大几百字的提示词，然后还经常使用到， 你的选择是什么呢？

### Script

脚本妙招，可玩性就更多了

![ezimage-1772588026297.png](https://images.flashnote.top/2026/03/1772588026675-pdc2999z.png)

可以自己写脚本，可以通过对话让AI帮你生成。
可以设置成打开网页自动运行
可以在所有网页生效，你也可以选择指定网页生效


嗯？这是不是就是浏览器插件了，而且嘴说就行了。

直接整一个

![ezimage-1772588787049.png](https://images.flashnote.top/2026/03/1772588787455-bb2s0ziv.png)

命个名mp3，点击保存

![ezimage-1772589050879.png](https://images.flashnote.top/2026/03/1772589051334-psi7iy5q.png)

然后直接使用, 输入 /mp3 就行了

![ezimage-1772589125182.png](https://images.flashnote.top/2026/03/1772589125596-7exeul5g.png)


一会儿，结果就出来了，但是第一版给的在线的都无法播放，就先尝试添加本地音乐吧！

然后让它又修改了一版，给我添加了本地音乐支持功能。

果然，在线的还是播放不了，直接本地下载吧！

哎，这年头，谁还下载音乐到本地啊，为了测试，找了半天，好在音乐是正常播放的。

![ezimage-1772590487076.png](https://images.flashnote.top/2026/03/1772590487422-yvaxuse6.png)

下一步可以继续优化这个 mp3 播放器，或者做个mp4, 当然，你也可以发挥你的想象力，做更多有意思的脚本。

### Agent
Agent 妙招是其中最强大的一种。支持变量模板，比如设置「帮我采集一下{{公众号后台链接}}的前 10 条数据包括字段标题、摘要、链接、发布时间」，下次运行就可以动态根据当前时间的最新 10 条数据了。

![ezimage-1772590741031.png](https://images.flashnote.top/2026/03/1772590741246-wjrdj0z6.png)


编辑完后，点击保存，然后就可以使用了

![ezimage-1772591355244.png](https://images.flashnote.top/2026/03/1772591356146-zhs7trxs.png)

说一下调用 Agent 能力，都做了哪些事，
- 菜单栏多了一个 Task:采集公众号数据 页签
- 中间内容区域被自动控制
- 右侧显示任务进度

最终结果：

![ezimage-1772591761426.png](https://images.flashnote.top/2026/03/1772591761909-14or4a4z.png)

这只是一个简单的例子，获取到了数据，继续分析数据，写入飞书，发布到小红书之类的，可以想想这又是一个自动化神器了！

## Agent

其实，在上一步介绍妙招的时候，我们使用 Agent 妙招，就已经默认开启了 Agent 能力，就不多介绍了。

一句话总结一下：它能理解需求，拆分任务，访问网站、填写表单、执行操作，最后交付结果。

我们要做的就是想清楚要做啥，下发精准指令，接下来泡杯茶，静观它执行，等待结果输出就行了。

（当然，等待肯定是不可能等待的，并行做其他的事情就好了）

顺便说一下 Tabbit 地址栏，和Chrome 一样，可以直接问 Gemini,可以搜历史，书签、打开的 tab 等。

![ezimage-1772592430597.png](https://images.flashnote.top/2026/03/1772592430839-vixjzt2f.png)

![ezimage-1772592469350.png](https://images.flashnote.top/2026/03/1772592469633-1i1k07ps.png)


当然，对于 Agent 能力，就需要根据你自己的场景去慢慢发掘了，但是我想说的是，一旦你用了以后，可能就再也回不去了。

## 写在最后

闪回一下，最近 OpenClaw 登顶 GitHub 开源第一，节后国内也变得异常火热，各种指导课程都出来了，但是说实话，如果你是小白的话，不太建议直接上手 OpenClaw, 先用好 Claude Code 也比直接跟风 OpenClaw 要强。

如果你有技术恐惧症的话，那不烦先从 Tabbit 开始，把你的古董浏览器换成 AI 浏览器，给你更好的观感，也能解决实际的问题。

没有用过 AI 浏览器的，赶紧去试用一下吧，已经在用其他 AI 浏览器的，也可以切换过来了。（美团是不是要给我广告费了！）

趁着测试阶段，还能免费使用顶尖模型！

不说了，我要去把我的默认浏览器，从 Chrome 切换到 Tabbit 了。


---
如果你也在学习 OpenClaw，或者对 AI 感兴趣，可以点击下方卡片关注我，我们一起交流学习。

**以上,既然看到这里了,如果觉得不错,随手点个赞、在看、转发三连吧,如果想第一时间收到推送,也可以给我个星标⭐～感谢你的阅读,我们下次见。**

再见Chrome！我要去Tabbit了，深度使用感受分享


# 欢迎使用 EzTutorial

EzTutorial 是一个基于 **Markdown** 的个人技术博客平台。

## 特性

- 📝 **Markdown 原生支持** - 使用熟悉的 Markdown 语法写作
- 🏷️ **分类与标签** - 多维度组织你的内容
- 📊 **阅读统计** - 自动计算阅读时长
- 🎨 **代码高亮** - 支持多种编程语言
- 📱 **响应式设计** - 完美适配移动端

## 快速开始

### 1. 创建文章

在 `posts/` 目录下创建 `.md` 文件：

```markdown
---
title: '文章标题'
date: '2026-03-06'
category: '技术'
tags: ['react', 'nextjs']
excerpt: '文章摘要'
---

# 正文内容

你的文章内容...
```

### 2. Frontmatter 说明

| 字段 | 说明 | 必填 |
|------|------|------|
| `title` | 文章标题 | ✅ |
| `date` | 发布日期 | ✅ |
| `category` | 分类 | ✅ |
| `tags` | 标签数组 | ✅ |
| `excerpt` | 文章摘要 | ✅ |
| `modified` | 修改日期 | ❌ |

### 3. 发布

```bash
# 本地预览
npm run dev

# 构建
npm run build

# 推送到 GitHub 自动部署
git add .
git commit -m "添加新文章"
git push origin main
```

## Markdown 语法示例

### 代码块

```javascript
// JavaScript 示例
function hello() {
  console.log('Hello, EzTutorial!')
}
```

```python
# Python 示例
def hello():
    print("Hello, EzTutorial!")
```

### 表格

| 功能 | 状态 | 说明 |
|------|------|------|
| Markdown | ✅ | 完全支持 |
| 代码高亮 | ✅ | 100+ 语言 |
| 数学公式 | 🚧 | 开发中 |

### 引用

> EzTutorial 让写作变得简单。
> 
> —— 作者

## 与 EzWrite 联动

未来 EzWrite 将支持一键发布到 EzTutorial：

1. 在 EzWrite 中写作
2. 一键推送到 EzTutorial
3. 自动分类和标签
4. 版本历史管理

## 结语

开始你的写作之旅吧！


欢迎使用 EzTutorial

大家好，我是齐昂！

昨天有一个新闻，关注技术的朋友应该都知道，就是 OpenClaw 超越 React、Linux，登顶 GitHub 开源第一！

然后今天我要说的 Tabbit，是美团光年之外团队这两天发布的一款 AI 浏览器。

对，又是一款 AI 浏览器， "又要在我电脑上吃灰了"，在我未体验之前我是这样想的。

毕竟我电脑上现在已经装了 10 个浏览器，有自带的 Safari，有微软的 Edge，然后各种 AI 浏览器：Arc，Dia，Commet，ChatGPT AtLas，Fellou，flowithOS，Quark。

当然还有依然坚挺，我使用最多的Chrome （Chrome前段时间也出了 Gemini in Chrome, 我开启了下，由于地域原因，没能正常打开就没折腾使用了，不做评价）。    

现在除了Chrome我经常使用，Commet，Dia，Arc 偶尔使用，其他浏览器基本都是吃灰了。

这四个的比例大概是 65:20:10:5。

但是在用了 Tabbit 之后, 这个比例可能会是 Tabbit : Others = 80 : 20 了。

接下来我来分享下我的使用体验。

先简单介绍下 Tabbit，

Tabbit 分：
- [国际版](https://www.tabbitbrowser.com/) 
- [国内版](https://www.tabbit-ai.com/)

最大的区别可能就是能使用的模型了,国际版支持国外三巨头+国内模型的海外部署版本，而国内版则只能使用国内模型。

| 版本 | 支持的模型 |
| ------ | ------ |
| 国际版 | GPT-5.2、Gemini-3.1-Pro、Claude-Sonnet-4.6、DeepSeek-V3.2、Doubao-Seed-1.8、Kimi-K2.5、Qwen3.5-Plus、GLM-5、MiniMax-M2.5 | 
| 国内版 | GLM-5、DeepSeek-V3.2、Doubao-Seed-1.8、Kimi-K2.5、Qwen3.5-Plus、MiniMax-M2.5、LongCat| 

搜索引擎：
- 国际版支持 Google、Microsoft Bing 等多种搜索引擎
- 国内版支持 Microsoft Bing、百度等多种搜索引擎。

支持的操作系统：Tabbit 目前支持 macOS 12.0 及以上和 Windows 10/11 系统。macOS 版本目前仅支持搭载 Apple 芯片的设备。

重点是 Tabbit 目前处于测试阶段，核心功能均可免费使用。所以如果想薅国外三巨头羊毛的话，可以下一个海外版。

话不多说，直接开整，下载安装。我是直接两个版本都下载了，方便测试。（多图预警，并且接下来的一些截图，能用双屏的我都用双屏。）

![ezimage-1772543485815.png](https://images.flashnote.top/2026/03/1772543486297-rqdtx4jx.png)

对于经常使用同 Chrome 的我来说，切换到 Tabbit 如德芙般丝滑！

![ezimage-1772543640909.png](https://images.flashnote.top/2026/03/1772543641142-odm9o13u.png)

直接选择导入 Chrome,经过两次密码验证，你的 chrome 所有信息都同步过来了，书签，插件，包括当前打开的页面

![ezimage-1772543971047.png](https://images.flashnote.top/2026/03/1772543971893-g1lz9dne.png)

ok，既然进来了，那么当前先去官网看一下，这里我打开了国际版和国内版
先打开第一个网页
![ezimage-1772544280344.png](https://images.flashnote.top/2026/03/1772544280546-vgu3it1j.png)

点击 **Add Tab to New Split View** 打开第二个页面

![ezimage-1772543160796.png](https://images.flashnote.top/2026/03/1772543161440-nffptqkm.png)

- 理解上下文
- 帮你组织工作
- 执行任务
- 无限可能

![ezimage-1772544548832.png](https://images.flashnote.top/2026/03/1772544549439-n42glurs.png)
- 添加引用：引用任何触手可及的文字、截图、网页、文件等作为上下文，获得精准定制答案。
- 更多模式：自动化处理重复任务——为你打开页面、填写表单并执行操作。
- 免费使用顶尖模型

![ezimage-1772545004293.png](https://images.flashnote.top/2026/03/1772545005016-cd072ac7.png)

![ezimage-1772545175495.png](https://images.flashnote.top/2026/03/1772545176038-52shmxdp.png)

![ezimage-1772545224792.png](https://images.flashnote.top/2026/03/1772545225388-djlbnq7e.png)

![ezimage-1772545246790.png](https://images.flashnote.top/2026/03/1772545247406-8etpdt5s.png)

![ezimage-1772545291593.png](https://images.flashnote.top/2026/03/1772545292142-a75zyq7z.png)

![ezimage-1772545337409.png](https://images.flashnote.top/2026/03/1772545337989-0vys4x9c.png)

![ezimage-1772545360542.png](https://images.flashnote.top/2026/03/1772545361308-997rf1wo.png)

## 首页

默认进首页，或者新建一个 tab，出现在眼前的就是这个对话框
![ezimage-1772550516857.png](https://images.flashnote.top/2026/03/1772550517581-jg0v3o05.png)

可以当对话用，可以当搜索用，可以当 Agent使用

![ezimage-1772550765758.png](https://images.flashnote.top/2026/03/1772550766211-ea38nc6f.png)

默认是对话模式，需要搜索的话就 Cmd(Ctrl) + Enter(回车)

Agent 模式需选中
![ezimage-1772550885114.png](https://images.flashnote.top/2026/03/1772550885458-sk8v7c4l.png)

这样就切换到了 Agent 模式，可以让它自己去执行任务了
![ezimage-1772551021112.png](https://images.flashnote.top/2026/03/1772551021325-po3gz7fi.png)

模型的话，使用国内版的话就只有国内模型

![ezimage-1772551113045.png](https://images.flashnote.top/2026/03/1772551113365-nvqd052v.png)

我再开一个国际版，截个图：

![ezimage-1772551208968.png](https://images.flashnote.top/2026/03/1772551209452-dizvxcze.png)

可以看到三巨头都有了。

再回到对话框的左边，可以看到有一个@符号，点击后可以看到有三类选项，一是打开的 tab，二是收藏，三是上传本地文件，这就是之前宣传页的添加引用，任何可触及的文字，截图，网页，文件等都可以作为上下文。

![ezimage-1772551906357.png](https://images.flashnote.top/2026/03/1772551906811-h3mhq6ry.png)

再往上，回到对话框本身，输入 **/** ，可以看到
            
![ezimage-1772552135966.png](https://images.flashnote.top/2026/03/1772552136294-h448mv2a.png)

默认了三个妙招 Polish(润色)、Explain(解释)、Summarize(总结)

（英文语境就是 skill，但是这里的 skill 和 Agent Skills 不同）说白了就是把重复的工作形成固定的流程，后续通过 **/** 直接调用即可。



## 标签管理

接下来看看标签管理，一般浏览器要么横向标签，要么纵向标签，Tabbit 让你自己任意选择。

默认我横向打开了很多标签，然后点击智能管理标签

![ezimage-1772546989326.png](https://images.flashnote.top/2026/03/1772546989559-15el36lw.png)

再选择纵向排列

![ezimage-1772547316257.png](https://images.flashnote.top/2026/03/1772547316550-8lqjq227.png)

它并没有按域名之类的分类，而是根据内容来分类

![ezimage-1772547432106.png](https://images.flashnote.top/2026/03/1772547432296-c05ejrog.png)

页面上我打开了我的个人主页和同域名下的其他 3 个字域名，，前面被分在了 AI Agents 目录，EzImage，我制作的一个图床 vscode 插件被分在了 Content Createion Tools 里，我觉得还是蛮准确的。

![ezimage-1772548154665.png](https://images.flashnote.top/2026/03/1772548154905-rt3wd6aj.png)

点进标签组是一个卡片视图，每个页面都有缩略图预览，一眼看到内容。还有个「收藏全部」按钮，一键把整组页面存下来。

![ezimage-1772548116614.png](https://images.flashnote.top/2026/03/1772548117014-87ngnn9l.png)

纵向排列的好处是，就像目录一样，层级分明，也不用担心，标签排不下了。

之前就是因为标签太多，有时我会选择把一个 chrome 浏览器，分成多个，现在不会出现这种情况了。

但是话说回来，智能标签管理也有一个问题，就是只能智能管理，不能手动管理，比如我想把我的域名下的所有页面，单独放在一个标签下，或者现在我会打开多个 github 页面，想把他们放在一个 Github标签下，目前好像都无法自定义，希望后续能支持。

## 妙招

还记得我们前面说到的 通过 **/** 调出妙招吗？那么如何创建自己的妙招呢？

![ezimage-1772586222857.png](https://images.flashnote.top/2026/03/1772586223097-4j96hgby.png)

点击灯泡，点击 All Skills 进到 skills 管理页面

![ezimage-1772586320735.png](https://images.flashnote.top/2026/03/1772586320977-6wiy0k8k.png)

然后点击 Creat Skill 或者直接点击灯泡页面的Create Skill 按钮，都可以进到创建妙招的界面。

![ezimage-1772586513256.png](https://images.flashnote.top/2026/03/1772586513635-p5ns8nyz.png)

可以看到 Skill 分为三类：

- Prompt(提示词)
- Script(脚本)
- Agent(智能体)

接下来，我们一个一个演示一下，

### Prompt 妙招
就拿 Tabbit 官网演示，创建一个 Prompt

![ezimage-1772587732292.png](https://images.flashnote.top/2026/03/1772587732570-xlqbe2yt.png)

发送调用，总结的没毛病。

![ezimage-1772595668781.png](https://images.flashnote.top/2026/03/1772595669113-9sh7hqrv.png)

简单一句话，方便后续调用，你说直接对话框输入不香吗？OK, 当然没问题，愿意多打字，也没关系。


这只是一个极其简单的演示，如果你有更复杂的需求，需要写大几百字的提示词，然后还经常使用到， 你的选择是什么呢？

### Script

脚本妙招，可玩性就更多了

![ezimage-1772588026297.png](https://images.flashnote.top/2026/03/1772588026675-pdc2999z.png)

可以自己写脚本，可以通过对话让AI帮你生成。
可以设置成打开网页自动运行
可以在所有网页生效，你也可以选择指定网页生效


嗯？这是不是就是浏览器插件了，而且嘴说就行了。

直接整一个

![ezimage-1772588787049.png](https://images.flashnote.top/2026/03/1772588787455-bb2s0ziv.png)

命个名mp3，点击保存

![ezimage-1772589050879.png](https://images.flashnote.top/2026/03/1772589051334-psi7iy5q.png)

然后直接使用, 输入 /mp3 就行了

![ezimage-1772589125182.png](https://images.flashnote.top/2026/03/1772589125596-7exeul5g.png)


一会儿，结果就出来了，但是第一版给的在线的都无法播放，就先尝试添加本地音乐吧！

然后让它又修改了一版，给我添加了本地音乐支持功能。

果然，在线的还是播放不了，直接本地下载吧！

哎，这年头，谁还下载音乐到本地啊，为了测试，找了半天，好在音乐是正常播放的。

![ezimage-1772590487076.png](https://images.flashnote.top/2026/03/1772590487422-yvaxuse6.png)

下一步可以继续优化这个 mp3 播放器，或者做个mp4, 当然，你也可以发挥你的想象力，做更多有意思的脚本。

### Agent
Agent 妙招是其中最强大的一种。支持变量模板，比如设置「帮我采集一下{{公众号后台链接}}的前 10 条数据包括字段标题、摘要、链接、发布时间」，下次运行就可以动态根据当前时间的最新 10 条数据了。

![ezimage-1772590741031.png](https://images.flashnote.top/2026/03/1772590741246-wjrdj0z6.png)


编辑完后，点击保存，然后就可以使用了

![ezimage-1772591355244.png](https://images.flashnote.top/2026/03/1772591356146-zhs7trxs.png)

说一下调用 Agent 能力，都做了哪些事，
- 菜单栏多了一个 Task:采集公众号数据 页签
- 中间内容区域被自动控制
- 右侧显示任务进度

最终结果：

![ezimage-1772591761426.png](https://images.flashnote.top/2026/03/1772591761909-14or4a4z.png)

这只是一个简单的例子，获取到了数据，继续分析数据，写入飞书，发布到小红书之类的，可以想想这又是一个自动化神器了！

## Agent

其实，在上一步介绍妙招的时候，我们使用 Agent 妙招，就已经默认开启了 Agent 能力，就不多介绍了。

一句话总结一下：它能理解需求，拆分任务，访问网站、填写表单、执行操作，最后交付结果。

我们要做的就是想清楚要做啥，下发精准指令，接下来泡杯茶，静观它执行，等待结果输出就行了。

（当然，等待肯定是不可能等待的，并行做其他的事情就好了）

顺便说一下 Tabbit 地址栏，和Chrome 一样，可以直接问 Gemini,可以搜历史，书签、打开的 tab 等。

![ezimage-1772592430597.png](https://images.flashnote.top/2026/03/1772592430839-vixjzt2f.png)

![ezimage-1772592469350.png](https://images.flashnote.top/2026/03/1772592469633-1i1k07ps.png)


当然，对于 Agent 能力，就需要根据你自己的场景去慢慢发掘了，但是我想说的是，一旦你用了以后，可能就再也回不去了。

## 写在最后

闪回一下，最近 OpenClaw 登顶 GitHub 开源第一，节后国内也变得异常火热，各种指导课程都出来了，但是说实话，如果你是小白的话，不太建议直接上手 OpenClaw, 先用好 Claude Code 也比直接跟风 OpenClaw 要强。

如果你有技术恐惧症的话，那不烦先从 Tabbit 开始，把你的古董浏览器换成 AI 浏览器，给你更好的观感，也能解决实际的问题。

没有用过 AI 浏览器的，赶紧去试用一下吧，已经在用其他 AI 浏览器的，也可以切换过来了。（美团是不是要给我广告费了！）

趁着测试阶段，还能免费使用顶尖模型！

不说了，我要去把我的默认浏览器，从 Chrome 切换到 Tabbit 了。


---
如果你也在学习 OpenClaw，或者对 AI 感兴趣，可以点击下方卡片关注我，我们一起交流学习。

**以上,既然看到这里了,如果觉得不错,随手点个赞、在看、转发三连吧,如果想第一时间收到推送,也可以给我个星标⭐～感谢你的阅读,我们下次见。**


# Next.js 开发最佳实践

Next.js 14 带来了许多激动人心的特性。

## App Router

App Router 是 Next.js 13+ 推荐的 routing 方案。

### 核心概念

```typescript
// app/page.tsx
export default function Home() {
  return <h1>Hello Next.js!</h1>
}
```

## Server Components

默认情况下，Next.js 的组件都是 Server Components。

### 优势

- 减少客户端 JavaScript
- 直接访问后端资源
- 更好的性能

### 使用 Client Components

当需要使用浏览器 API 或 React hooks 时：

```typescript
'use client'

import { useState } from 'react'

export default function Counter() {
  const [count, setCount] = useState(0)
  return <button onClick={() => setCount(c + 1)}>{count}</button>
}
```

## 数据获取

### Server Components 中获取数据

```typescript
async function getData() {
  const res = await fetch('https://api.example.com/data')
  return res.json()
}

export default async function Page() {
  const data = await getData()
  return <div>{data.title}</div>
}
```

## 部署

推荐使用 Vercel 进行部署：

```bash
vercel --prod
```

## 总结

Next.js 14 是现代 React 应用的首选框架。


文章归档

2026(4 篇)