少裝一點AI 外掛目錄
← 返回外掛列表

任務技能(Skills)

Web Quality Skills

addyosmani/web-quality-skills

協助 AI 助手排查網頁緩慢、操作障礙與搜尋資訊缺漏等問題。

內容介紹

少裝一點整理 · 依據項目公開文件

Web Quality Skills 是獨立開發的六項網站品質技能合集,涵蓋載入速度、操作回應、版面位移、無障礙使用、技術 SEO 與瀏覽器最佳實務。流程先看可取得的測量結果,再結合程式碼尋找原因,修改後重新檢查。

適合維護現有網站的開發者。接上瀏覽器工具後,可讀取效能記錄與 Lighthouse 檢查結果;沒有這類工具時,文件也提供其他測量與程式碼檢查方式。報告會區分真實使用者資料與單次測試。介紹依公開文件整理,本站未實際安裝測試。

開始使用

需要準備

  • 支援 Skills 的程式設計助手,以及待檢查網站或原始檔的存取權限。
  • 實測需要可執行的頁面與合適的瀏覽器或 Lighthouse 工具;Chrome DevTools MCP 為選用增強功能。
  • 分析真實使用者體驗需要可用的實際造訪資料,部分網站資料不足。AI 助手與外部服務仍依各自的權限及收費規則使用。

使用限制與費用

  • 這是獨立專案,不代表 Google,也不是官方認證。
  • 單次測試分數或程式碼檢查,不能證明真實使用者效能、無障礙合規、安全性或搜尋排名。
  • 仍需人工檢查互動並審核程式碼修改;可取得的結果取決於既有工具與存取權限。
查看安裝與使用說明 ↗

依據公開文件整理,未逐一安裝實測。

可以怎麼用

  • 可選擇整站檢查,或只看效能、無障礙、SEO 等特定問題。
  • 結合瀏覽器測量與原始碼尋找問題原因。
  • 依影響安排修正順序,修改後以相近條件複查。

官方項目與文件

專案說明譯文

結合瀏覽器測量、Lighthouse 指引與程式碼檢查,協助 AI 助手依證據審查網站品質的獨立技能合集。

用途相近的外掛

比較解決相似任務的外掛,留意各自的接入條件。

  • Cloudflare Security Audit — 按步驟檢查程式中的安全問題,讓不同 AI 助手交叉核對證據,再區分已確認的問題和待查線索。
  • Claude-Red — 按測試場景選擇安全技能,用於獲得授權的安全評估、訓練和報告整理。
  • Sentry Agent Plugin — 讓 AI 結合真實錯誤記錄,幫助接入應用監控、排查線上問題和設定告警。

收錄與排序說明

少裝一點收錄有公開放原始碼碼、用途明確的開發類 AI 外掛。你可以先按用途挑選,再打開介紹瞭解它能做什麼、適合誰,以及開始使用需要什麼。這裡是已收錄項目的目錄,不是所有 AI 外掛的完整名單。

這三類外掛有什麼區別?

工具連接(MCP):讓 AI 助手連接外部工具,例如瀏覽器、程式碼項目或資料庫。MCP 是這類連接採用的協議。

任務技能(Skills):把某類任務的步驟和注意事項整理成可復用的說明,讓支持它的 AI 助手照著執行。

編輯器外掛:安裝在寫程式碼的軟體里,為你提供 AI 對話、程式碼補全或修改建議。

“收藏最多”怎麼排?

按項目在 GitHub 上累計獲得的 Star(星標,也可理解為收藏)從多到少排序。這是關注度參考,不是下載量、活躍使用者數或品質評分。一整套 Skills 按一個項目計算。

“最近更新”是什麼意思?

指項目程式碼最近一次更新的時間,不一定是新版本發佈。“近7天更新”篩選的是項目更新時間,排序仍使用累計收藏數。每個介紹頁會單獨顯示收藏資料的採集時間。

介紹依據項目公開文件整理,未逐一安裝測試。接入方式、相容性和服務費用請以項目文件為準。

北京時間 UTC+8

把好用的分享出去

挑一版文案,選個平台。發佈前還能修改。