Archive
文章庫
呢度係完整文章庫入口,按頁瀏覽所有已發佈文章。
Cursor、Antigravity、Claude相繼推出瀏覽器自動化,但MCP目前還是更低門檻的選擇
主流瀏覽器自動化MCP橫向測評:Chrome DevTools MCP 綜合最強,但選邊要睇需求
完成PlayWright新手全攻略:從入門到精通
Playwright新手全攻略:從入門到精通,掌握跨瀏覽器自動化測試核心技能
完成Playwright 與 agent-browser 對比:現代瀏覽器自動化工具解析
Playwright 適合傳統測試,agent-browser 專為 AI 代理而設,揀邊款取決於你嘅核心需求
完成playwright只簡單需要一句話實現網站爬蟲!
用 Playwright 一句話搞掂網站爬蟲,仲可以封裝成 Skill 自動化
完成從“會搜”到“會做”:web-access 可能代表了 Agent 聯網能力的下一步
呢個項目唔係畀AI加聯網功能,而係教佢好似人咁上網做嘢:web-access 從策略到執行嘅完整設計
完成基於Karpathy的LLM Wiki方法論,我連夜開發了一套OpenClaw的記憶系統
AI記憶唔係記得多,而係要將對話沉澱成可複用嘅Wiki系統
完成GPT-Image-2.0能生成這樣的效果,還要啥自行車!
GPT-Image-2.0 生成效果震撼,多場景實測加提示詞大全,其他產品唔使諗
完成我的-AI博客每日精選技能是如何煉成的!
ai-digest-suite 係一條自動化 AI 技術日報流水線,從 RSS 抓取、AI 評分摘要到郵件發送,全部包辦,仲有強大容錯機制。
完成別再讓 AI 盯着網頁發呆了:Playwright-CLI 正在改寫瀏覽器自動化
Playwright-CLI 唔係另一個瀏覽器工具,而係微軟為 AI Coding Agent 重新設計嘅瀏覽器操作接口,用更短命令、更省上下文嘅方式,令 AI 可以低成本、高頻次咁開頁面、點擊、截圖、睇 console,真正完成開發閉環。
完成寫測試用例寫到崩潰後,我決定讓 AI 替我幹這件事|LangGraph 實戰分享
用 LangGraph 搭建 AI 測試用例生成系統,並行 Worker 加速、質量閉環反饋,60 秒產出 20+ 條結構化用例
完成讓 AI 測試助手“讀懂你的業務”:RAG 知識庫 + UI 截圖多模態解析
作者分享點樣用RAG知識庫同多模態UI解析,令AI測試助手真正「讀懂業務」,生成可落地嘅測試用例。
完成覆盤:做這個 AI 測試用例設計助手,我踩過的坑和 8 個關鍵決策
工程設計比模型強弱更重要:AI測試用例助手嘅8個關鍵決策與6個坑
完成測試工程師怎麼寫出「真能用的」AI Skill?
不是裝上就行,是裝上以後 AI 每次都能穩定幹活 🔥— — —😩 先說一個真實的困境你是不是也遇到過這種情況——跟 AI 說「幫我寫接口用例」,它生成的字段是編出來的換個會話重新說一遍,輸出風格又變了一套PR 裏的測試代碼,看起來像來自兩家公司寫的 問題不在模型,在於你沒有把「什麼叫過關」寫成 AI 能穩定執行的 Skill 📦— — —🤔 Skill 到底是什麼?簡單理解:Skill 是一個文件夾型能力包裏面至少有一份 SKILL.md,分兩段:上半段:元數據(name、description)下半段:操作指令(怎麼幹活)還可以掛 scripts/、references/、assets/ 等配套資源相當於給 AI 一本可以版本化、可以 Code Review 的「專項員工手冊」— — —📌 測試流程裏,哪些事最該寫成 Skill?三類最值得沉澱 👇重複且怕跑偏:用例格式、缺陷字段、斷言層級、P0 迴歸清單脆弱、錯一點就全錯:OpenAPI 轉 pytest 時的導入路徑、禁止臆造字段團隊共識:什麼叫「可測需求」、嚴重級別怎麼定、上線前要看到什麼命令輸出不寫 Skill 的代價是什麼?對話裏口頭講一遍,換人、換會話,模型又回到「全網平均水平」— — —🧠 原理層:你是在給 AI 寫指令,不是寫宣傳稿💡 原則一:上下文是公共資源,必須簡潔系統提示、歷史對話、已安裝的所有 Skill 簡介都在搶同一塊上下文窗口Skill 寫得又長又空 → 真正有用的斷言規範反而擠不進來只寫模型不知道的東西,能用 10 行示例說清的,別用 3 頁背景故事— — —💡 原則二:信息要放對層級(三級加載)textL1 元數據 → name + description,始終在上下文,是「觸發開關」L2 正文 → 觸發後才加載,只放步驟和檢查清單L3 資源 → references/、scripts/,按需讀取執行最常見的翻車 ⚠️把「什麼時候用我」寫在正文裏——正文是觸發後才讀的,那時模型已經決定用不用你了,晚了— — —💡 原則三:脆弱操作要「鎖死」,別靠口頭約束高自由度:幫你拆需求、腦暴場景 → 給方向即可低自由度:報告模板字段、CI 命令、斷言必須是固定形態 → 優先用腳本或模板,而不是「請儘量遵守」測開場景裏低自由度特別多,能腳本化就別全靠「請生成」— — —💡 原則四:「不做什麼」往往比「做什麼」更管用與其寫「請專業全面」,不如列反模式清單:❌ 不要臆造 userId❌ 不要用 sleep 代替穩定等待❌ 不要只斷言 HTTP 200AI 在有邊界的可行域裏遊走,輸出會穩很多— — —🏗️ 結構:Skill 的推薦目錄最小可用形態:textmy-qa-skill/└── SKILL.md變複雜以後:textmy-qa-skill/├── SKILL.md ← 元數據 + 操作指令├── scripts/ ← 執行腳本,不用整文件讀進上下文├── references/ ← 給 AI 讀的細則(錯誤碼、表結構)└── assets/ ← 直接拷貝進產出的模板文件⚠️ 不要在 Skill 裏塞給人看的 README、CHANGELOG——那是人類文檔噪音,還容易和 SKILL.md 不一致— — —🎯 description 怎麼寫才像「開關」?差的寫法(容易永遠不觸發):textdescription: 測試技能description: 幫助測試太泛,模型不知道用戶哪句話該開你好的寫法:能力 + 典型用戶原話 + 邊界yaml---name: api-regression-hintsdescription: >- 為本倉庫編寫或審查 HTTP/API 自動化用例(pytest + httpx)時使用。 當用戶提到接口迴歸、OpenAPI 轉用例、斷言業務錯誤碼、 禁止臆造字段、或要求對齊 tests/api 目錄風格時激活。 不用於純 UI 選擇器或性能壓測腳本。---核心記住一句話:「何時用」全堆在 description,正文裏別再重複寫一遍— — —🔬 五個最值得單獨做 Skill 的測試場景— — —場景一:需求可測性痛點:PRD 全是形容詞,AI 生成的用例「好看但不可執行」Skill 正文要寫:text## 需求可測化1. 逐條拆出功能點,每條給出可判定真假的預期結果2. 對範圍類需求補充邊界值與非法輸入3. 出現模糊形容詞,改為可量化條件,否則標記「待產品確認」反模式:不接受「體驗流暢」類無法驗證的預期— — —場景二:用例設計痛點:等價類、邊界、狀態遷移每次 AI 自由發揮,深度不一致Skill 要寫:固定 P0/P1 定義(P0 = 主路徑 + 資金相關 + 鑑權)輸出格式固定(列名固定的 Markdown 列表)大段測試方法理論 → 放 references/testing-methods.md,正文只留調用指引— — —場景三:接口自動化(最容易「紙面綠、真跑掛」)痛點:字段胡編、fixture 對不上、只斷言 200Skill 要寫:text禁止:未在 OpenAPI 中出現的字段名斷言順序:HTTP 狀態 → 業務 code → 關鍵字段錯誤用例必須明確期望的錯誤碼,不允許只斷言非 200環境變量從 .env.example 讀取,禁止硬編碼低自由度部分 → scripts/lint_api_test.py 掃「禁止 sleep」「必須有 teardown」— — —場景四:缺陷報告痛點:開發追問「你怎麼復現的」;信息每次不一樣Skill 要寫缺陷模板字段(必填):text環境 / 版本 / 賬號角色 / 復現步驟 /實際結果 / 預期結果 / 日誌片段 / 是否必現— — —場景五:質量門禁痛點:合碼前沒人跑命令,靠口頭確認Skill 要寫:text收尾前必須執行:pytest tests/ -v --tb=short貼出終端摘要截圖,包含通過數 / 失敗數 / 耗時— — —🚀 落地六步(壓縮版)text1. 收集 3~5 個真實觸發句(同事會怎麼跟 AI 說)2. 規劃哪些進 references、哪些必須腳本、哪些只在正文用清單3. 先把 description 寫準,再建目錄和佔位文件4. 先落 references/ 裏的規則文檔,再寫正文步驟5. 自己用原話測觸發率,驗證開關是否準確6. 跑一週真實任務,把「AI 仍常錯的點」改成反模式,而不是再加千字背景— — —✅ 5 條落地原則,收藏備用🎯 先解決觸發準確率:description 裏寫具體關鍵詞和邊界📂 先做信息分層:大段規範進 references/,正文只保留步驟🔒 先鎖脆弱動作:格式/命名/校驗優先腳本化✂️ 先按流程拆小 Skill:需求→用例→自動化→缺陷→發佈,拆開不要萬能大包🛠️ 先納入工程治理:Skill 跟倉庫走,評審、版本和代碼同標準— — —把 description 當開關、正文當操作手冊、腳本當質檢員 測試工程師寫的 Skill,才會從「看着專業」變成「真的省 Review、少返工」💪— — —💬 你們團隊現在 AI 測試卡在哪個環節?評論聊聊 👇 點贊收藏,下期講怎麼把現有測試規範拆成多個小 Skill 🌟
完成我做了個Skill,專門用來自動生成測試用例
用Skill自動生成測試用例,從需求到XMind一鍵完成
完成上篇講了 Playwright MCP,官方同時還推了一個 CLI,它們啥區別?
Playwright CLI 同 MCP 有咩分別?一文睇清定位、用法同點揀
完成手把手教你用 AI + Playwright 寫 UI 自動化測試
利用 AI + Playwright MCP 自動產生語義化定位器,徹底解決 UI 自動化測試嘅定位器脆弱問題
完成Playwright 又出新東西了:三個 Agent 幫你全自動寫測試
Playwright Test Agents:三個AI Agent幫你全自動寫測試,由規劃到修復一條龍
完成AI 編程助手大亂鬥:OpenClaw、Codex、Cowork、Claude Code 誰才是你的真命天子?
四個AI工具比較:OpenClaw、Cowork、Codex APP、Claude Code,按場景揀就得
完成零基礎也能 Vibe Coding:Codex 入門到上手全流程(含設置與模板)
Codex 讓你用自然語言寫代碼:零基礎者嘅自動化外掛
完成Claude開始限量後,我TM轉去Codex了,體驗2天后,感覺真香
Claude限速後,我轉用Codex,體驗兩日覺得真係正
完成你一定要知道的15個AI開源項目,裝完直接起飛!
AI 需要工具擴充能力,15個開源項目幫你打造六邊形戰士
完成為什麼你的AI總是不好用?因為TM沒裝Skills!
AI唔好用?因為未裝Skills!16個技能幫你慳80%時間
完成AI編程入門指南:這6個Skill技能裝上就能起飛,AI幫你寫產品,必備技能
裝上呢6個Skill,AI幫你由零起飛做產品,需求拆解到測試一條龍
完成發現了一個叫web-access的神仙skill,AI聯網有救了
web-access 透過 CDP Proxy 直接操控瀏覽器,保留登錄態,解決 AI 聯網時嘅登錄牆同動態頁面問題,係 Claude Code 用家嘅必備神器。
完成微軟開源Playwright-cli:讓AI接管瀏覽器,邊調代碼邊生成腳本
微軟開源 Playwright-cli:AI 幫你邊睇邊改 Playwright 腳本,唔使再煩元素定位同下載捕獲
完成一套能直接複用的 Playwright 提示詞大全
一套可直接重用嘅 Playwright 自動化提示詞模板,涵蓋登錄、查詢、表單等核心場景
完成一文講清 LLM、Chatbot 與 Agent 的關係
LLM、Chatbot同Agent嘅分別:大腦、對話外殼同執行體
完成3 層讀懂 Agent Skill:它為什麼比普通提示詞更強
Agent Skill 係將任務結構化成可複用能力單元,關鍵喺三層加載機制
完成一種新的 LLM Wiki 方法論:讓 AI 幫你建一個能活下去的知識庫
用 Obsidian 同 AI 打造一個會自己長大嘅知識庫:LLM Wiki 方法論
完成Markdown 5 分鐘零基礎入門:AI 時代人人必學的通用語言
Markdown係AI時代嘅通用語言,5分鐘學識7個核心語法
完成每天早上 7 點,自動把英文 AI 圈的新選題送到 Obsidian
用工作流自動掃英文 AI 信號源並反查中文站,每日生成選題清單到 Obsidian
完成Claude Code 抓網頁的 5 種方案,我全測了一遍
實測比較五種 Claude Code 抓網頁方案,幫你揀最啱用嗰個
完成批量下載微信/網頁/掘金文章,一鍵轉Markdown:我救活了這個效率神器
作者救活 WeSpy Fetcher:一鍵抓取微信文章轉 Markdown,3秒搞定
完成Markdown一鍵變精美電子書:自動封面+目錄+圖片下載,兼容微信讀書
呢個開源工具可以一鍵將 Markdown 變成專業 EPUB 電子書,自動處理封面、目錄同圖片下載,仲支援批量轉換。
完成為什麼你的信息卡看起來都一樣?因為你在換色,別人在換構圖
any2card:唔係換色,而係用 AI 換構圖嘅信息卡生成器
完成不用PS不用設計軟件,瀏覽器就能做公眾號封面
一個瀏覽器即開即用嘅封面生成工具,X題圖效果最掂
完成扔掉PPT,用這44個HTML動畫模板,讓AI幫你做科普視頻
免費開源HTML動畫模板,AI幫你做科普影片,只要兩步
完成一個開源技能,讓不會設計的人60秒出6個Logo
一個開源Skill,唔識設計都可以60秒出6個幾何風格Logo,係起點唔係終點
完成8個技能,拆出一條AI寫作流水線
tweet-skills 將推文寫作拆成8個獨立技能模塊,令內容生產變成一條可複用、可調試嘅流水線。
完成別再手動複製粘貼了!這個AI神器,能把全網數據變成你的私人智庫
Firecrawl:將任何網站變成AI可直接吞落肚嘅結構化數據,跨境老闆必備基礎工具
完成獨立站頁面速度優化,我用免費工具從45分做到了82分
頁面速度優化唔係技術潔癖,係增長基礎;用免費工具從45分做到82分嘅真實過程
完成試了 4 款爬蟲工具,這是我掏心窩子的使用體驗
試咗4款爬蟲工具,分享掏心窩使用體驗:揀工具先要認清自己場景
完成Codex 新功能插件(Plugin)
Codex推出插件功能,將Skills、Apps和MCP服務打包成可重用工作流
完成都說AI提效,但我反而更累了
AI提升效率但反而更累?核心在於慾望被放大,真正輕鬆要先諗清楚點解做。
完成這套語音寫作工作流,幫我節省了50%的時間
語音寫作工作流:用Trae + 豆包 + 自訂Skill,節省50%寫稿時間
完成卡帕西又提出了個新概念,對我們有什麼啓發?
卡帕西 LLM-Wiki 概念:知識管理新方向,但要注意思考不可外包
完成到底什麼才是Skill啊?寫給小白的Skill指南
Skill係將經驗打包成SOP工作流,等AI按部就班做嘢,類似手機App,可以大幅提升重複性工作效率。
完成怎麼讓AI這個大冤種,幫我們整理像讀書筆記這樣的素材?
用AI幫你分類整理大量讀書筆記,解決上下文限制問題,建立索引機制讓檢索更快更準。
完成GPT-Image 2 十大場景測評,把設計師剩下顏面也幹掉了?
GPT-Image 2 十大場景測評,設計師最後防線都失守?
完成可以丟掉PPT了,讓AI幫你做滾動敍事頁面
AI一鍵生成滾動敍事網頁,告別PPT,互動式展示更吸引