语源科技BlogJava-paulwong-随笔分类-AI-SKILLhttp://www.blogjava.net/paulwong/category/55410.htmlzh-cnThu, 16 Apr 2026 13:33:21 GMTThu, 16 Apr 2026 13:33:21 GMT60playwright-cli 案例http://www.blogjava.net/paulwong/archive/2026/04/12/451769.htmlpaulwongpaulwongSun, 12 Apr 2026 02:24:00 GMThttp://www.blogjava.net/paulwong/archive/2026/04/12/451769.htmlhttp://www.blogjava.net/paulwong/comments/451769.htmlhttp://www.blogjava.net/paulwong/archive/2026/04/12/451769.html#Feedback0http://www.blogjava.net/paulwong/comments/commentRss/451769.htmlhttp://www.blogjava.net/paulwong/services/trackbacks/451769.html环境
hiclaw docker
cat /etc/os-release 
PRETTY_NAME="Ubuntu 22.04.5 LTS"
NAME="Ubuntu"
VERSION_ID="22.04"
VERSION="22.04.5 LTS (Jammy Jellyfish)"
VERSION_CODENAME=jammy
ID=ubuntu
ID_LIKE=debian
HOME_URL="https://www.ubuntu.com/"
SUPPORT_URL="https://help.ubuntu.com/"
BUG_REPORT_URL="https://bugs.launchpad.net/ubuntu/"
PRIVACY_POLICY_URL="https://www.ubuntu.com/legal/terms-and-policies/privacy-policy"
UBUNTU_CODENAME=jammy

安装

npm install -g @playwright/cli@latest

安装chrome

npx playwright install chrome

操作

playwright-cli open www.cnn.com 
### Browser `default` opened with pid 159651.
### Ran Playwright code
```js
await page.goto('https://www.cnn.com');
```
### Page
- Page URL: https://edition.cnn.com/
### Snapshot
- [Snapshot](.playwright-cli/page-2026-04-12T02-21-31-067Z.yml)

安装skill

cd ~
playwright-cli install --skills
默认会在当前目录下生成 .claude/skills/playwright-cli
得将playwright-cli搬到不同agent的skills目录下

案例1:打开页面，输入内容

用paywight-cLi参数--headed --persistent，打开grok，问问今天青岛天气怎么样?

案例2:打开页面，需点击加载数据

用playwrightcli 带参数 --headed --persistent 查看https://detail.tmall.com/item.htm?&xxc=taobaoSearchabbucket=4&id=612098145454&mi_id=0000AWGjgiGB7oSCDLfegRXMs0rDPkp34S50rNrByn86yAY&ns=1&skuId=5872701131539&spm-a21n57.1.hoverItem.2utparam-%7B%22aplus_abtest%22%3A%2240acb849856085978c81b6cdec803550%22%70D
前100条评论保存到一个csV文件里面。

让ai保存成一个skill
创建一个save_mall_comments skill把刚才打开网站，查看评论，并且保存评论的全过程，遇到的坑都提炼出来保存到skill里面

直接保存成一个不依赖ai的可执行脚本
你把刚才所有的playWwright CLI命令汇总成成一个脚本，执行脚本就能获取商品前100条评论，并且保存到一个CSV文件里面。注意每一步都有合理的延时与等待，确保任务成功。脚本写完你先测试一轮。

下次直接执行
./save_mall_comments.sh "https://detail.tmall.com/item.htm?id=612098145454&skuId=5872701131539" 100 --output tmall_reviews_612098145454_top100.csv --close-browser

案例3:web自动化测试

阅读代码，把从注册开始的主体流程写一个中文的测试文档，只测试主流程即可。然后用playwright-cli open --headed --persistent 打开网页，根据你的测试用例，完成进行测试，

还可以借助openclaw，进行定时自动化测试

案例4:在x上发推

playwright-cli https://x.com/compose/articles  --headed --persistent  打开网站，创建写一个新的文章，把 为什么巨头都在做CLI.local.html 的内容粘贴进去。

然后找到所有的"1f4f7.svg"小icon的位置，按Backspace键删除，然后复制images文件夹里面的图片，按Ctrl+V粘贴进去。"1f4f7.svg"小icon数量跟图片数量是相等的，你要按顺序替换。复制操作你应使用操作系统的CLI命令，粘贴操作在浏览器里按Ctrl+V就行了。

整理成skill
好，非常好，你把从把文章里的图片下载到本地，开始的全流程，整理成一个skills，放到项目目录。以后我只要给你一个文章，你就能自动发布

如何使用这个skill
http://xxx.xxx.xxx/xxx.html 文章路径，用 x-article-auto-publisher自动发布




paulwong 2026-04-12 10:24 发表评论
]]>OPEN CLAW资源http://www.blogjava.net/paulwong/archive/2026/03/21/451763.htmlpaulwongpaulwongFri, 20 Mar 2026 19:42:00 GMThttp://www.blogjava.net/paulwong/archive/2026/03/21/451763.htmlhttp://www.blogjava.net/paulwong/comments/451763.htmlhttp://www.blogjava.net/paulwong/archive/2026/03/21/451763.html#Feedback0http://www.blogjava.net/paulwong/comments/commentRss/451763.htmlhttp://www.blogjava.net/paulwong/services/trackbacks/451763.htmlqclaw技能广场

openclaw技能






paulwong 2026-03-21 03:42 发表评论
]]>Claude Code Skill - 50个常用skillhttp://www.blogjava.net/paulwong/archive/2026/02/20/451745.htmlpaulwongpaulwongFri, 20 Feb 2026 14:54:00 GMThttp://www.blogjava.net/paulwong/archive/2026/02/20/451745.htmlhttp://www.blogjava.net/paulwong/comments/451745.htmlhttp://www.blogjava.net/paulwong/archive/2026/02/20/451745.html#Feedback0http://www.blogjava.net/paulwong/comments/commentRss/451745.htmlhttp://www.blogjava.net/paulwong/services/trackbacks/451745.html
⚡ 50个AI技能完整清单 · 从底座到办公
包含序号1~57，覆盖六大领域。热度数据为安装量参考（K）。

  🧰 一、Agent基础能力类（底座设施）  
序号 Skill 名称 一句话介绍 热度
1 find-skills 整个生态安装量最高，帮你从20万个Skills里搜到你要的 251.5K
2 skill-creator 帮你创建自己的Skill，把经验和流程封装成可复用的能力 37.4K
3 mcp-builder 构建MCP服务器，让AI连接外部工具和数据源的桥梁 9.9K
4 using-superpowers 教AI怎么用好自己的高级能力，发挥最大潜力 —
5 subagent-driven-development 让多个AI分工合作完成复杂任务，自动分发和审查 —
6 agent-tools Agent工具集，给AI配备各种实用小工具 —
👥 适合谁？ 想深度玩Agent、自己做Skill、搭建自动化工作流的人。

  ✍️ 二、写作和思考类  
序号Skill 名称一句话介绍热度
7 brainstorming 丢一个关键词，帮你发散出十几个角度，比自己干想效率高太多 22.1K
8 copywriting 写文案的全能选手，帮你理清结构、优化表达，不是一键生成的套路货 15.3K
9 systematic-debugging 系统性排查问题的思维框架，写方案、做分析的时候特别好用 12.3K
10 writing-plans 帮你做写作计划和大纲，写长文之前先用这个理一遍思路 10.7K
11 content-strategy 做内容规划的，帮你想选题、规划内容日历 9.9K
12 executing-plans 把计划拆成可执行的步骤，适合想法多但落地难的人 9.2K
13 marketing-ideas 营销创意发散，做推广方案的时候可以用它找灵感 9.0K
14 copy-editing 文案润色和校对，帮你把初稿打磨得更好 8.6K
15 social-content 专门做社交媒体内容的，小红书、朋友圈、短视频文案都能用 8.6K
16 reflection 帮你做复盘和反思，适合项目结束后总结经验 7.0K
👥 适合谁？ 自媒体、写方案、公众号、需要持续输出内容的人。

  🎨 三、设计和视觉类  
序号Skill 名称一句话介绍热度
17 web-design-guidelines 一套完整的网页设计规范 107.0K
18 frontend-design 专注前端界面设计，让页面有审美、有层次，告别模板风格 —
19 ui-ux-pro-max 更专业，关注用户体验和交互设计，适合做产品的人 —
20 canvas-design 做封面图、海报、视觉设计，不用打开PS或Figma —
21 tailwind-design-system Tailwind CSS设计系统，做前端的配合着用效果很好 —
22 baoyu-cover-image 宝玉出的封面图Skill，中文圈特别火，做公众号封面质量不错 —
23 baoyu-comic 宝玉出的漫画风格Skill，做趣味配图的 —
24 baoyu-infographic 宝玉出的信息图Skill，把数据和信息变成好看的图表 —
25 ai-image-generation AI生图的Skill，帮你生成配图和素材 —
26 algorithmic-art 用算法生成艺术图案，做独特视觉风格的 —
👥 适合谁？ 做落地页、封面图、不想请设计师但想要点审美的人。

  💻 四、编程和产品构建类（Vibe Coding必备）  
序号Skill 名称一句话介绍热度
27 vercel-react-best-practices 整个生态排名第一，React最佳实践全封装，做前端必装 141.5K
28 remotion-best-practices Remotion视频框架最佳实践，用代码做视频和动画的必装 96.2K
29 vercel-composition-patterns 和React最佳实践是一套的，配合使用效果更好 44.7K
30 agent-browser 让AI能操作浏览器，自动填表单、抓数据、做测试 —
31 browser-use 让AI能真正“看到”和“操作”网页，搞自动化的必备 —
32 vercel-react-native-skills React Native最佳实践，做移动端App的装这个 —
33 supabase-postgres-best-practices Supabase + PostgreSQL 最佳实践，做后端和数据库的利器 —
34 next-best-practices Next.js最佳实践，做全栈项目的装这个 —
35 better-auth-best-practices 认证和登录最佳实践，做用户系统的省心不少 —
36 webapp-testing Web应用测试，帮你自动跑测试、找bug —
37 building-native-ui 构建原生UI组件，做移动端或桌面端的 —
38 test-driven-development 先写测试再写代码，代码质量有保障 —
39 requesting-code-review 让AI帮你review代码，找出潜在问题 —
40 react-doctor React项目诊断工具，帮你排查React相关的问题 —
👥 适合谁？ 做产品的、写代码的、搞自动化的、做独立项目的人。

  📈 五、营销和增长类  
序号Skill 名称一句话介绍热度
41 audit-website 给网站做全面体检，告诉你哪里有问题、怎么改 21.8K
42 seo-audit 专门做SEO分析，自己研究太费时间，让AI帮你扫一遍 20.8K
43 copywriting 写营销文案，产品介绍、广告语、落地页文案都能用 15.3K
44 marketing-psychology 运用经过验证的心理学原则，不是玄学，是有理论支撑的 —
45 programmatic-seo 批量生成优化页面，做增长的利器 —
46 content-strategy 规划什么时候发什么内容 —
47 product-marketing-context 帮你梳理产品卖点和用户痛点 —
48 pricing-strategy 帮你分析市场、设计定价方案 —
49 page-cro 优化页面转化率，让更多访客变成用户 —
👥 适合谁？ 创业者、独立开发者、做增长的、需要推广产品的人。

  📄 六、办公文档类  
序号Skill 名称一句话介绍热度
50 pdf 提取内容、生成新PDF、合并拆分、打工人刚需 16.2K
51 pptx 直接生成PPT，开会汇报不用再花两小时做幻灯片了 13.3K
52 docx 生成Word文档，带格式的那种，不是纯文本 12.4K
53 xlsx 生成Excel，带公式、带图表，做报表的利器 12.2K
54 baoyu-url-to-markdown 宝玉出的网页转Markdown，整理资料特别好用 2.8K
55 baoyu-markdown-to-html 做邮件、做网页内容的时候有用 1.7K
56 baoyu-format 让你的文档排版更规范 1.6K
57 just-scrape 网页抓取工具，把网页内容干净地抓下来 744
👥 适合谁？ 打工人、做报告的、整理资料的、需要批量处理文档的人。

📌 核心观点摘录
• “一个好 Skill 的效果，能等同甚至超越一个完整的 AI 产品。”
• “Skills 让 AI 从‘通用助手’变成‘领域专家’：装上 web-design-guidelines 就变成设计顾问，装上 seo-audit 就变成 SEO 专家。”
• “不用焦虑，也不用全装。看看自己平时的工作流程，哪些环节是重复的、费时间的，找对应的 Skill 装几个就行。”
• “生态还在快速发展，几乎每周都有新的好东西出来。我也会继续测试，有新发现再和大家分享。”
✅ 建议先装基础能力类：find-skills (251.5K) 、skill-creator (37.4K) 、mcp-builder (9.9K) 让AI真正跑起来。

⚙️ 完整清单共57个技能 ·  最后更新 2026-02-20


paulwong 2026-02-20 22:54 发表评论
]]>AGENT SKILLhttp://www.blogjava.net/paulwong/archive/2026/01/27/451732.htmlpaulwongpaulwongMon, 26 Jan 2026 16:01:00 GMThttp://www.blogjava.net/paulwong/archive/2026/01/27/451732.htmlhttp://www.blogjava.net/paulwong/comments/451732.htmlhttp://www.blogjava.net/paulwong/archive/2026/01/27/451732.html#Feedback0http://www.blogjava.net/paulwong/comments/commentRss/451732.htmlhttp://www.blogjava.net/paulwong/services/trackbacks/451732.html
agent skill解决的问题就是，一个skill只针对一个活，然后有个说明文件，说明干这个活，干得好的一个标准，如网站制作，如何配色标准，如何布局标准等，将这些和要干的活一起发给大模型，模型的输出就不再是随机了，而是按这个标准输出了，质量自然就提高了。


paulwong 2026-01-27 00:01 发表评论
]]>