技能 web-quality-audit

📦

web-quality-audit

Name: web-quality-audit
Author: addyosmani

v2.0 內容修訂 r1 安全 ⚙️ 外部命令🌐 網路存取📁 檔案系統存取

Audit Web Quality with Measured Evidence

Web quality problems span performance, accessibility, search visibility, and interaction behavior. This skill guides evidence-based reviews with browser measurements, source checks, prioritized fixes, and repeatable verification.

支援: Claude Codex Code(CC)

📊 76 尚可

Maintain this Skill? Claim it 📊 76 尚可

使用我的智慧代理安裝

將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。

智能體請求

Review the Skillstore skill "web-quality-audit" from https://skillstore.io/skills/addyosmani-web-quality-audit.md and its manifest at https://skillstore.io/api/skills/addyosmani-web-quality-audit/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。

Agent 可讀資源

當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。

Markdown 詳情 GET /skills/addyosmani-web-quality-audit.md 已簽名 manifest GET /api/skills/addyosmani-web-quality-audit/manifest 已簽名 lockfile GET /api/skills/addyosmani-web-quality-audit/lockfile

測試它

正在使用「web-quality-audit」。 Illustrative request: review a local HTML page without browser access.

預期結果:

Source finding: the page lacks a viewport declaration.
Source warning: an image has no alt attribute.
Recommended checks: inspect responsive layout and determine whether the image is informative or decorative.
Verification limit: rendered behavior and performance were not measured.

正在使用「web-quality-audit」。 Illustrative request: summarize an audit of a mobile navigation flow.

預期結果:

Evidence: keyboard testing found that the open menu does not show a visible focus indicator.
Priority: high because keyboard users cannot reliably locate the active control.
Recommendation: restore visible focus styling and test every menu action.
Verification: repeat the same flow after the change; screen reader validation remains pending.

安全審計

安全

v1 • 2026/10/22 開啟版本化報告

All 44 static findings are false positives from documentation markup, ordinary shell constructs, or read-only source checks. No evidence found of credential theft, data exfiltration, destructive behavior, or prompt injection in the two reviewed files. Live audits depend on external browser tools; linked sibling guidance was not included in this review.

已掃描檔案

324

分析行數

複核項目

已忽略的誤報

最近一次完成的靜態與語意稽核未偵測到已確認的安全發現。這並不能證明該 Skill 沒有副作用。

審計單位: codex

分享與引用此報告

分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。

開啟版本化報告

複製報告連結

https://skillstore.io/skills/addyosmani-web-quality-audit/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

[![Skillstore security assessment](https://skillstore.io/badges/skills/addyosmani-web-quality-audit/security.svg)](https://skillstore.io/skills/addyosmani-web-quality-audit?utm_source=security_passport_badge)

HTML 徽章

<a href="https://skillstore.io/skills/addyosmani-web-quality-audit?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/addyosmani-web-quality-audit/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

嵌入卡片

<iframe src="https://skillstore.io/embed/skills/addyosmani-web-quality-audit.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

學術引用 (APA · BibTeX · CFF)

APA 引用

addyosmani. (2026). web-quality-audit security audit report (audit version 1) [Author version 2.0]. Skillstore. https://skillstore.io/skills/addyosmani-web-quality-audit/audits/1

BibTeX 引用

@techreport{addyosmani-addyosmani-web-quality-audit-2026,
  author = {addyosmani},
  title = {web-quality-audit security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/addyosmani-web-quality-audit/audits/1},
  note = {Author version 2.0}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "web-quality-audit security audit report (audit version 1)"
version: "2.0"
type: report
authors:
  - name: "addyosmani"
date-released: "2026-10-22"
url: "https://skillstore.io/skills/addyosmani-web-quality-audit/audits/1"
identifiers:
  - type: other
    value: "skillstore:addyosmani-web-quality-audit:audit:1"
    description: "Skillstore immutable audit report identifier"

Skillstore 評分

評分依據證據置信度: 中

架構

可維護性

內容

社群

規範符合度

你可以打造什麼

Prepare a release review

Review representative pages and critical user flows, prioritize failures, and verify affected behavior before deployment.

Assess accessibility and interaction

Combine automated findings with keyboard navigation, focus, labels, and rendered semantic checks.

Prioritize website improvements

Compare technical SEO and performance evidence across important pages without treating scores as proof of business outcomes.

試試這些提示

Review one page

Audit [URL] for web quality. Use available tools and separate measured findings from source hypotheses. List the most important fixes.

Inspect local HTML

Check HTML in [directory] with the included read-only analyzer. Summarize issues and warnings. Identify checks that need a live browser.

Audit a critical journey

Audit [journey] on [URL] for mobile and desktop. Check accessibility, performance, SEO, and agentic browsing. Preserve authenticated state where possible.

Verify a remediation cycle

Establish a baseline for [URLs] under [conditions]. Prioritize evidence-backed fixes, implement approved changes, and repeat equivalent checks. Separate lab results from field validation.

最佳實務

Define representative URLs, authenticated states, important journeys, and device conditions before collecting evidence.
Keep browser measurements, field data, source hypotheses, and manual observations clearly separated.
Repeat checks under equivalent conditions and record unresolved human or field validation.

避免

Treating a Lighthouse score or static source result as proof of overall quality.
Promising search ranking gains or AI visibility from technical audit results.
Comparing measurements across different conditions or ignoring state changes caused by navigation audits.

常見問題

Does this skill include Lighthouse or a browser?

No. It guides available browser and Lighthouse tools and includes a local HTML checking script.

Can I use it without a live website?

Yes. Use source inspection or the included Bash script with jq. Runtime behavior and performance remain unverified.

Does the local script change files or contact websites?

No. It reads the selected file or directory and reports results. HTTP strings are matched locally, not requested.

Does it guarantee accessibility compliance?

No. Automated checks must be combined with keyboard, screen reader, and other human testing.

How does it handle authenticated pages?

It recommends preserving important states and using snapshot audits when navigation reloads would disrupt the review.

Can it prove better search rankings or AI visibility?

No. Technical SEO and agentic browsing findings are diagnostic signals, not guarantees of ranking, ingestion, or citation.

開發者詳細資訊

作者

addyosmani

授權

MIT

作者版本

v2.0

Skillstore 修訂

版本提示

作者聲明的版本不符合 SemVer 規範。

儲存庫

https://github.com/addyosmani/web-quality-skills/tree/afa8da942115f2961fdbfa80807ea0b232ff6c00/skills/web-quality-audit

引用

69fd928457b33fd7f1fe5202b08da3f4cb17c28b

維護新鮮度

2026/10/22

使用量

0 次下載 · 0 次瀏覽

檔案結構

📁 scripts/

📄 analyze.sh

📄 SKILL.md