MCP插件使用（browser-tools-mcp为例）

Ne0inhk

— 2 min read
MCP插件使用（browser-tools-mcp为例）

1. 环境配置（Brower Tools为例）

python 安装 nodejs 安装 mkdir C:\Users\Suoxd\Documents\Cline\MCP\browser-tools-mcp git clone https://github.com/AgentDeskAI/browser-tools-mcp.git "C:\Users\Suoxd\Documents\Cline\MCP\browser-tools-mcp"

2. MCP服务安装启动

cd C:\Users\Suoxd\Documents\Cline\MCP\browser-tools-mcp npminstall @agentdeskai/[email protected] npx @agentdeskai/[email protected] npx @agentdeskai/[email protected]

参考https://browsertools.agentdesk.ai/installation

在这里插入图片描述


在这里插入图片描述


在这里插入图片描述
在这里插入图片描述


在这里插入图片描述
在这里插入图片描述

3. 浏览器插件配置

https://github.com/AgentDeskAI/browser-tools-mcp/releases/download/v1.2.0/BrowserTools-1.2.0-extension.zip
在这里插入图片描述

4. Cline 服务配置

"browser-tools-mcp":{"command":"node","args":["d:/Suo/code/tmp-AI/browser-tools-mcp/browser-tools-mcp/dist/mcp-server.js"],"disabled":false,"autoApprove":[]}

5. 最终效果

浏览器端调试工具增加了插件页面

在这里插入图片描述


在这里插入图片描述
在这里插入图片描述

Read more

【Linux系统】理解管道通信，匿名管道实现进程池+命名管道实现服务端客户端通信模型（附源码）

【Linux系统】理解管道通信，匿名管道实现进程池+命名管道实现服务端客户端通信模型（附源码）

文章目录 * 一、进程间通信是什么 * 二、管道 * 1. 什么是管道 * 2. 匿名管道 * 3. 命名管道 * 三、实例：匿名管道实现进程池 * 四、实例：命名管道实现服务端客户端通信模型 一、进程间通信是什么 进程间通信（IPC），顾名思义，进程之间需要进行信息交换。 如：数据传输、资源共享、通知事件、进程控制。 进程间通信的方式有：管道、System V IPC、POSIX IPC。 由于进程具有独立性，进程间通信的前提就是，不同的进程能看到同一份资源。 二、管道 1. 什么是管道 管道是类Unix系统中最古老的进程间通信的方式。我们把从一个进程连接到另一个进程的数据流称为一个“管道”。 管道是单向通信的，称为单工通信。 管道分为匿名管道和命名管道。 2. 匿名管道

By Ne0inhk
Web Worker：让前端飞起来的隐形引擎

Web Worker：让前端飞起来的隐形引擎

目录 Web Worker：让前端飞起来的隐形引擎 一、什么是 Web Worker？ 1、为什么需要 web worker 2、什么是 web worker 二、基本使用方法 1、创建一个 Worker 文件（worker.js） 2、主线程引入并使用 三、实战案例：在前端处理大批量数据 1、Worker 文件（sortWorker.js） 2、主线程调用 四、Vue3 中如何优雅使用 Web Worker 1、新建 Worker 文件（worker.js） 2、在 Vue3

By Ne0inhk
总结前端三年 理想滚烫与现实的冰冷碰撞

总结前端三年 理想滚烫与现实的冰冷碰撞

大家好，我是500佰，技术宅男 目前正在前往独立开发路线，我会在这里分享关于编程技术、独立开发、技术资讯以及编程感悟等内容 6月3日的一篇《一个普通人的30岁 他经历了什么》介绍一篇自己的碎碎念、即回顾自己以前的成长经历，那么再接着说下这3年来的工作经历，2022年1月，我以一名前端新人的身份开始了职业生涯。每当看到浏览器中运行的网站、手机里流畅的APP，或是点击按钮后转动的loading图标，都会想到这些产品背后凝聚着无数开发者的心血。我既期待能成为这个创造数字世界的一员，又难免担心：自己的技术储备是否足够？会不会被身边优秀的同事远远甩在身后？ 怀揣着对未来的憧憬与一丝忐忑，我正式踏入了职业生涯的第一站。 不断尝试和调整的前两年（2022 ～ 2024） 我的职业生涯始于一家颇具特色的企业。原本以为会从事移动应用或网站开发，没想到公司专注于打造一款独特产品——我们开发了一系列可复用组件，配合自主研发的拖拽式平台，能够快速搭建Web站点。这种模式与后来流行的低代码平台颇有相似之处。 作为一名Java工程师加入公司后，却发现实际工作内容与预期有较大差异。当时还不了解’前端开发’这个

By Ne0inhk

一个 skill ,增加大模型前端的审美能力

上周，我让 AI 帮我做个落地页。 十分钟过去了，生成出来的东西—— 白色背景，紫色渐变，Inter 字体。 我直接关了。 你也遇到过吧？ 用 AI 生前端，出来的东西都长一个样。 背景非白即黑，标题栏永远是紫色渐变，字体不是 Inter 就是 Roboto，配色永远是那套蓝绿红黄。 不是说不能用，但—— 太像 AI 了。 一眼看过去就是"机器生成"，没有灵魂，没有个性。 直到昨天，我发现了一个东西。 Anthropic 官方出的一个 skill，叫 frontend-design。 让我再试一次。 这次不一样了 同样的提示词，同样的模型。 我只加了一句话： “使用 frontend-design skill” 结果呢？

By Ne0inhk