AI skill 实战 - 真干活 之 网页操作篇

新闻

作者：微信文章

各位友哥之友好，我是你们的AI干货分享老朋友友哥。最近 openclaw 很火，claude code ，codebuddy 等编程工具似乎被抢了风头，其实深扒 openclaw ，背后最重要还是各种 skill 在“施魔法”。从 prompt 到 context engineering 到 MCP 到 rules 到 skills......，AI 使用尤其是 AI 编程编的越来越灵活可控。 skill 是我们一定要掌握的技能。skill 是很多 ，比如如下这些：

仓库名称	核心定位	主要功能	适用平台	GitHub 地址
ClawHub	OpenClaw 官方技能库	提供 OpenClaw 官方维护的核心技能，如浏览器自动化、定时任务、文件管理等。	OpenClaw	https://github.com/openclaw/clawhub
awesome-openclaw-skills	社区技能精选集	收录了 1700+ 个社区贡献的实用技能，涵盖开发、生活、自动化等 30+ 领域，是 OpenClaw 的“军火库”。	OpenClaw	https://github.com/VoltAgent/awesome-openclaw-skills
Vercel Skills	Vercel 技能管理工具	一个 CLI 工具，用于管理、安装和分享符合 Agent Skills 标准的技能，支持 Claude Code、Cursor 等。	Claude Code, Cursor, OpenCode	https://github.com/vercel-labs/skills
Claude 官方 skill 库	Claude 官方 skill 库	Claude 官方 skill 库	Claude Code, Cursor	https://github.com/anthropics/skills

以及推荐必装的三个 skill，让 openclaw 更主动 ：

技能名称	核心定位	功能描述	安装命令
tavily-search联网技能	让AI“睁开眼睛看世界”	使AI具备实时联网查资料、搜最新资讯的能力，解决本地知识库信息滞后/不准的问题	clawhub install tavily-search
find-skills找技能技能	AI自己找方法，不用你操心	AI主动分析需求，自动匹配最合适的技能（相当于给AI配“技能管家”），省心高效	clawhub install find-skills
proactive-agent-1-2-4主动代理	AI会自我迭代、主动升级	AI具备主动思考、规划、自我迭代升级技能的能力，让OpenClaw成为“会成长的智能助手”	clawhub install proactive-agent-1-2-4

不过看着很多，但是想解决自己工作中的实际问题，还是挺难找到合适 skill。或者说找到了，又要登录甚至还要付钱啥的......AI 时代，自己动身，丰衣足食！今天自造 3 个 skill，来解决我们最常用的网络操作问题：这也是友哥从自己和团队的实际工作出发，和小伙伴们一起发掘的真正有用的需求。也许 AI 时代，能提出好需求反而是更重要的！

#	Skill	功能	路径
1	chrome-control	macOS AppleScript 控制 Chrome 提取登录页数据	skill_total/chrome-control/
2	user-info-collection-jd	商品评论自动采集 + Excel 生成	skill_total/user-info-collection-jd/
3	web-filling	通用网页表单自动填写（腾讯问卷/问卷星等）	skill_total/web-filling/

这次这些 skill 是通过 腾讯的 codebuddy 练就的：最新版本的 codebuddy把 编程（如 claude code） 和 控制 （如 open claw）功能 合二为一，虽然可能不能完全具备二者各自的全部功能，但深度使用下来，还是非常棒的，基本的需求都能满足，且有不少独特的优势，强烈推荐！

---

网页内容自动转化为 excel，且可定时完成实际工作中，经常有需要把网页中好多的项目下载到 excel，之后再进行二次处理或转发等需求，以前可能需要一点点复制粘贴，效率太低了，能不能给个网址（哪怕需要登录的），直接形成非常美观的格式化后的 exce l 表格呢？用 chrome control skill 下载如下网址下载成 excel  ：https://tapd.woa.com/tapd_fe/69995825/iteration/card/1069995825001976543?q=ec268a830834f0a116467392d113c4a5

用 chrome control skill 下载如下网址的 26 年 2 月汇报 转换成 excel  ：https://tapd.woa.com/tapd_fe/69995825/iteration/card/1069995825001976543?q=ec268a830834f0a116467392d113c4a5

进一步可以建一个定时任务，定时下载网页内容转成 excel 发送邮箱。这功能多有用，不用多说了。

tips1：这个 skill 原理上是通过 apple event 来控制浏览器操作 ，需要在 chrome 浏览器上打开如下设置：allow JavaScript from Apple Events.

tips2：另外，当程序运行的时候，要提前登录好自己要操作的网页。tips3：此时的 chrome 在前台也行，放在后台就行，但不要在程序执行的时候操作它，否则会拉长程序时间。

---

自动爬取商品的用户评论做产品经理和市场分析等工作，少不了要经常分析各种竞品或者优秀产品的用户声音，毕竟他山之石，可以攻玉。怎么能快速抓取渠道用户的真实使用评论呢？下边就打造一个能自动抓取京东上商品评论的 skill。请通过 user-info-collection-jd爬取该网站这个产品的前700 条评论，转换成excel：https://item.jd.com/10198844935320.html

700 多天用户评论，1min 内就都下来了

---

网页自动填充
只下载还不过瘾，能不能上传？我们在日程工作中，经常遇到要填各种表格，尤其是一些重复信息，一条一条填，即使是复制粘贴也觉得很麻烦。 其实自己有一个基本信息的文件，后边所有的填充动作可以让你 AI 帮你自动填。
请用 web-filling skill 根据 sunshiyou_fault.txt 文件来自动填写如下网页：https://wj.qq.com/s2/25766727/a18d/
大家请看下自动填充网页的效果：（这里边填充文字的实现比较简单，比较难的是操作如 日期选择框这种，AI 真的能像人一样，日 月 年 一点点翻到合适的位置！ 锤炼这个 skill 的时候，这块也废了不少时间）

---

有人会问这些 skill 是这么造出来的？其实就是在 codebuddy 里自然语言对话就可以，不过需求要描述精准一些。 同时也要有一些耐心，可能要多次尝试才能做好。如先让他满足自己的一个需求，反复调试 OK 后，加上这样的话就变成 skill 了把如上封装成一个 skill，名字就叫做 user-info-collection-jd ，并注册好

封装成 skill 后有什么好处呢？除了可以在现在的编程工具里直接调用，还可以跨工具分享。比如友哥这三个 skill 就可以给到 我的 24 小时运行的 openclaw 里直接调用。
当然，您也可以先直接用我“锤炼好”的三个 skill，请评论区留言，友哥直接分享附件。您拿到后，可以拷贝到skill目录下，或者直接说：“请安装或注册 XX 目录下的如下 skill 即可”。

#	Skill	功能
1	chrome-control	macOS AppleScript 控制 Chrome 提取登录页数据
2	user-info-collection-jd	商品评论自动采集 + Excel 生成
3	web-filling	通用网页表单自动填写（腾讯问卷/问卷星等）

---

能看到这里，爱学习的您，由衷赞叹！友哥有个小愿望：人工智能的大变革时代，能提效可创造，普通人也能掌握 AI使用方法和技巧，每个人都不落下！AI不是什么“精英”的专利，让社会分化更严重，而是能“走进寻常百姓家”，科技普惠，科技向善.......