Performance Skill
Loading speed, runtime efficiency, 與 resource optimization。
逐篇公開審查紀錄
桌面審查結論
performance 已通過四項桌面門檻。實用性評為 high:Ties each fix to a specific Core Web Vital and gives ready-to-paste HTML, CSS, and JS snippets instead of abstract advice.
工作與觸發邊界、完整內容、來源授權依賴,以及安全測試方式均可確認;保留為已審核,但不占固定 30 席。
- 它完成什麼工作
- Audits web performance against Lighthouse metrics and a fixed resource budget, then returns concrete fixes for loading, rendering, and runtime bottlenecks. Covers critical rendering path, image and font delivery, caching headers, and third-party script strategies.
- 實質幫助
- 高 — Ties each fix to a specific Core Web Vital and gives ready-to-paste HTML, CSS, and JS snippets instead of abstract advice.
- 應該啟用
- Cutting LCP on a hero image by switching to AVIF with fetchpriority high
- Replacing a full lodash import with per-function imports to shrink the JS bundle
- Setting Cache-Control immutable on hashed static assets and no-cache on HTML
- Deferring a chat widget until the user scrolls near the footer
- 不該啟用
- 需求不屬於「performance」的工作範圍,或只是名稱相近但交付物不同。
- 無法提供必要輸入、適用技術棧或可隔離的測試環境。
- 輸入
- 設計需求、使用情境、內容、品牌或技術限制與參考素材
- 輸出
- 設計決策、可實作規格、程式碼或媒體產出
來源、授權與依賴
來源:原始來源:https://github.com/addyosmani/web-quality-skills/tree/main/skills/performance;於 2026-08-08T15:34:07.434Z 取得 401 行,SHA-256 f2e2a354e2ccb0b1b177872b7683e429ca6b79642e4aaac374859a9aefa40f25。
授權:上游授權檔檢出 MIT;本館 catalog 欄位依 README 正式授權章節維持 MIT。
依賴:原文未明示需另行安裝的套件;仍須依實際執行環境確認工具可用性。
快照:開啟審查來源 · 401 行 · SHA-256 f2e2a354e2cc… · 2026-08-08T15:34:07.434Z
安全測試邊界
使用合成、非敏感的設計需求、使用情境、內容、品牌或技術限制與參考素材,只評估設計決策、可實作規格、程式碼或媒體產出;不連線到正式環境,不提交或發布結果。
- 不得使用真實憑證、敏感資料或正式環境
- 不得發布、交易、寄送訊息或執行不可逆變更
這是可安全執行的測試方案;只有固定 30 席推薦 Skill 另有三類實測通過證據。
價值證據
- 401 行內容、12 個主要小節
- 24 個程式碼區塊、4 個編號步驟、0 個檢查項
限制
桌面審查未發現額外限制;仍不等同推薦或正式環境保證。
啟用時機
當你需要Loading speed, runtime efficiency, 與 resource optimization時使用。
適合使用情境
- 需要Loading speed, runtime efficiency, 與 resource optimization。
- 想使用 addyosmani/performance 這類已整理好的 Agent Skill,而不是從零撰寫 prompt。
- 需要從 awesome-agent-skills 索引快速找到 - Google Chrome team - Addy Osmani (Web Quality) 相關 Skill。
Skill 檔案
awesome-agent-skills README catalog entry
工作流程
- 先開啟原始來源,確認該 Skill 的安裝方式、支援工具與限制。
- 把 Skill 放到對應 agent 或 IDE 的 skills 目錄。
- 用一個小型真實任務測試 Skill 是否會在正確時機啟用。
- 確認輸出符合原始 Skill 的工作契約,再匯入日常工作流。
使用注意事項
- 這筆是 awesome-agent-skills 的索引項,本 workspace 未包含完整 SKILL.md。
- 實際安裝前請回到原始來源確認最新內容、授權與目錄結構。
來源
來源頁標題:Performance Skill
來源識別名稱:addyosmani/performance
Loading speed, runtime efficiency, and resource optimization
software-engineering-prompt-repos/awesome-agent-skills/README.md
開啟來源這個 Skill 在做什麼
Loading speed, runtime efficiency, 與 resource optimization。這筆資料來自 awesome-agent-skills 的索引清單,原始專案是 addyosmani/performance。
為什麼值得收錄
它屬於 - Google Chrome team - Addy Osmani (Web Quality) 相關的 Agent Skill,可作為尋找、安裝或評估同類 Skill 的入口。因為來源 repo 本身沒有把完整 Skill 檔案放在本地,所以此頁保留 catalog 資訊與原始連結,避免把索引項誤認為完整 SKILL.md。
來源 Skill
這筆資料來自 awesome-agent-skills 的上游索引清單;本 workspace 沒有下載完整 SKILL.md。請開啟來源連結檢視或安裝原始 Skill。
開啟原始 Skill