前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片NEW
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 业务场景题真实业务问题与追问
  • 查漏补缺常见问题解析
  • AI 模拟面试NEW模拟真实面试 + 报告
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
    • AI 定制路线NEW按你的简历现排
    • AI 知识地图NEW串起全站知识点
  • 动态
    • AI 热点NEWAI 每日动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
AI 助手NEW
旧版
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片NEW
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 业务场景题真实业务问题与追问
  • 查漏补缺常见问题解析
  • AI 模拟面试NEW模拟真实面试 + 报告
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
    • AI 定制路线NEW按你的简历现排
    • AI 知识地图NEW串起全站知识点
  • 动态
    • AI 热点NEWAI 每日动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
AI 助手NEW
旧版
返回 AI 情报前线
All News · 全部资讯8637
  • 用自己的工具评估Agent能力
  • 超越LoRA:微调技术对标分析
  • 大多数工程师用 AI,但很少真正用 AI 工程化
  • git-lrc:轻量级 AI 代码审查工具开源
  • AI Agent 权限滥用风险警示:2 万账户被劫持案例
  • Premortem 工程实践:用 AI 工具预防代码缺陷
  • Hugging Face 模型部署到机器人硬件应用
  • GLM-5.2:专为长期任务规划优化的模型
  • AI 原生创业公司创始人手册
  • Cursor 云端 Agent 上线:跨终端协作编程
  • GitHub Copilot Token 优化:降低成本和延迟
  • LifeSciBench:生命科学 AI 决策能力评估基准
  • Agent 资源发现功能上线:智能体自主搜索能力
  • AI Agent 安全防护的控制路线图与最佳实践
  • AI 写 Commit 消息的教训:工具的合理边界
  • GraphQL + MCP 构建 Agent 数据架构
  • Sourcegraph MCP 击败高端模型:低成本、高效能验证
  • 部署模拟方法:发布前预测模型实际表现
  • AI 时代的软件开发生命周期新范式
  • Claude Corps 企业版正式发布
  • 构建Chrome扩展让AI使用更有意图
  • 用Gemma 4打造古韩文翻译器
  • 代码审查成为 AI 时代最高杠杆技能
  • AI Agent的遗忘机制:在提交时自动审查代码
  • Paca:轻量级Jira替代方案支持人-AI协作
  • Claude Mythos/Fable 5模型访问暂停
  • 美国政府指令限制 Fable 5 访问权
  • Claude 设计工具为何难成熟?模型能力是瓶颈
  • OpenAI发布三门Academy课程教AI工程实战
  • 开发者对工具的情感依附与AI时代工作流重塑
  • AI Agent 自动扫描失控导致账户破产
  • Claude Fable 过度主动行为困扰用户
  • Preply 用 AI 增强个性化教学体验
  • AI 生成代码能跑,质量和可维护性可靠吗?
  • Claude Fable 5 编码性能测评出炉:中等水平
  • Anthropic 为 Claude Fable 隐形 guardrails 道歉
  • Fata:用间隔重复法对抗 AI 编程导致的技能衰退
  • 代码成本为零时,工程领导力的新定义
  • OpenAI 考虑降价应对 Anthropic 竞争加剧
  • AI Agent 在 Linux 系统中失控造成破坏
  • PyTorch 性能优化:nn.Linear 到融合 MLP 的实战指南
  • OpenAI 收购 Ona:为 Codex 加入持久云和长期 Agent
  • BBVA 银行:10 万员工 AI 转型的规模化案例
  • 天体物理学家用 Codex 模拟黑洞,验证广义相对论
  • Oracle Cloud 集成 OpenAI:云承诺直接访问 AI 模型
  • Claude Desktop 浪费资源:仅聊天也占用 1.8GB 虚拟机
  • 安全研究人员对 Claude Fable guardrails 过度限制不满
  • DiffusionGemma:文本生成速度提升 4 倍
  • Extend UI:现代文档应用 UI 组件库
  • HelixDB:基于对象存储的图数据库
  • Apache Burr:生产级 AI Agent 框架
  • 已加载 51 / 8637
6.0
关注
AI SCORE
编程提效2026-06-15 22:44

构建Chrome扩展让AI使用更有意图

DEV Community · Julien Avezou#Chrome扩展#AI工具
Editor brief · 编辑速览

开发者分享如何构建浏览器扩展,优化日常AI工具使用体验和工作流。

文章思维导图
Knowledge map
拖拽缩放
Full translation

完整中文译文

追踪认知成本与使用风险

在发布了几篇探讨 AI 对开发者影响的文章,并分享了一些有助于降低相关风险的资源之后,我想介绍一个最近一直在开发和试验的新工具。

向大家介绍 ThinkMode!

这是一款 Chrome 扩展,可以帮助开发者在向 AI 输入 prompt 之前选择一种思考模式,并在输入 prompt 之后计算相应的认知成本。

AI 让人很容易跳过思考。

这个工具可以让你慢下来,将思考融入向 AI 输入 prompt 前后的过程。

作为一款浏览器扩展,它可以轻松融入你日常使用 LLM 聊天工具输入 prompt 的工作流。

在打开 prompt 之前,ThinkMode 会要求你描述自己想要完成的事情。

然后,它会推荐以下 5 种模式之一:

  • 探索(Explore):先理解问题,再解决问题

  • 质疑(Challenge):对现有方案进行压力测试

  • 决策(Decide):比较不同选项及其权衡

  • 审查(Audit):检查质量、正确性、测试和边界情况

  • 复盘(Reflect):从刚刚完成的事情中学习

其目标是让 prompt 与当前任务所需要的思考方式相匹配。

这个工具还提供了一份需要手动记录的 AI 使用日志。

使用 AI 后,你可以记录自己是如何使用它的。

使用方式分为三类:

  • 辅助型(Supportive):AI 帮助拓展你的思考

  • 混合型(Mixed):AI 节省了时间,但可能会压缩你对问题的理解

  • 风险型(Risky):AI 可能取代你的判断

每条日志都会增加认知成本计量表的数值。风险越高的使用方式,计量表增长得越快。

认知成本衡量的是这样一种权衡:使用 AI 来拓展理解,还是将判断外包给 AI。

当计量表达到上限时,ThinkMode 会暂时停用受支持的 AI 聊天页面 5 分钟。

大多数开发者工具都在优化速度。

而我想试验一种有意引入摩擦的工具,以促使人们停下来反思。

ThinkMode 是一款基于 Manifest V3 的 Chrome 扩展,使用 React、TypeScript 和 Vite 构建。

它的架构包括:

  • content script 用于检测受支持的 AI 聊天页面

  • 浮动按钮用于打开扩展

  • background service worker 用于协调侧边栏

  • React 侧边栏负责处理主要工作流

  • 共享的 TypeScript 模块负责推荐逻辑和 prompt 生成

该扩展目前支持 ChatGPT、Claude 和 Gemini 页面。

它不涉及任何后端或 LLM API 调用。

ThinkMode 不会读取对话、抓取页面内容、发送分析数据,也不会在远程存储数据。

推荐引擎是确定性的。它使用简单的关键词规则来选择思考模式;考虑到这只是一个 MVP,这样的设计是合理的。

有时,真正有用的 AI 工具并不是那个能给你更好答案的工具。

它也可以是那个帮助你提出更好问题的工具。

你是否曾发现,自己还没有完全理解问题,就已经接受了 AI 给出的答案?

如果有,哪些习惯或工具能帮助你持续参与思考过程?

你可以从 Chrome Web Store 免费下载这款扩展。

你也可以通过 Chrome 扩展程序的开发者模式,在本地运行该扩展。其代码已在 GitHub 上开源。

欢迎 fork,并根据自己的需求进行调整。

如果你觉得它有用,非常感谢你能给它一个 star 或留下评价!

如果你想到了改进这个工具的方法,或者希望看到其他功能,请在评论区告诉我!

部分评论可能仅对已登录的访客可见。登录后即可查看全部评论。

如需采取进一步措施,你可以考虑屏蔽此人和/或举报滥用行为。

Original source

本文由 AI 翻译整理自 DEV Community · Julien Avezou,原文版权归原作者所有。

阅读英文原文
上一篇
Claude Corps 企业版正式发布
下一篇
用Gemma 4打造古韩文翻译器