开发者 Agent

AI辅助操作浏览器

前置条件

必须完成环境搭建
安装vs code/cursor/claude code等支持mcp或是skill的开发工具
开发工具安装开发工具扩展程序：CloudCC
全局安装npm包：cloudcc-cli

安装skill

鼠标右键，Init——》Configure CloudCC Dev Skill。如果看不到请检查前置条件是否安装完毕。

不再推荐安装mcp，请开发者使用skill。

无法自动安装，请使用手动安装

检查是否安装成功，在AI聊天框输入：你有什么技能？

显示类似以下信息，表示安装成功。

安装chrome-devtools-mcp

访问网站：https://github.com/mcp/io.github.ChromeDevTools/chrome-devtools-mcp

选择合适的客户端安装：

使用方式

打开百度测试

使用chrome-devtools-mcp打开www.baidu.com

搜索cloudcc

访问CloudCC CRM

访问登录地址

使用chrome-devtools-mcp打开https://account.cloudcc.cn/#/login

输入CRM账号登录系统，进入系统后，复制url地址，给AI

你能看到这个地址内容吗？https://yundong.lightning.cloudcc.cn/#/homePageObject/rolePage

操作页面UI

点击全部菜单按钮

搜索对外付款菜单

修改样式

可以让AI通过注入css的方式，修改页面样式，满意之后，将css内容保留，放入客户端脚本使用

使用css样式，将网站风格调整为科技风格

修改视图页文本样式

将“订单金额”大于80000的文字颜色改为红色

可以创建一个订单对象的客户端脚本，然后将AI实现功能的代码存入到脚本文件中

将实现逻辑写入一个js文件中，保存到本地

On this page