์Šคํ‚ฌ web-quality-audit
๐Ÿ“ฆ

web-quality-audit

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)
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.

์—์ด์ „ํŠธ๋Š” ๊ณ„์†ํ•ด์„œ ๊ณ„ํš์„ ํ‘œ์‹œํ•˜๊ณ  ๋ณด์•ˆ ์ •์ฑ…์—์„œ ์š”๊ตฌํ•˜๋Š” ํ™•์ธ์„ ์š”์ฒญํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์—์ด์ „ํŠธ๊ฐ€ ์ฝ๊ธฐ ์‰ฌ์šด ๋ฆฌ์†Œ์Šค

AI ์—์ด์ „ํŠธ, ํฌ๋กค๋Ÿฌ, ์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์ „์ฒด ํŽ˜์ด์ง€ ๋Œ€์‹  ์ •๋ฆฌ๋œ ์ปจํ…์ŠคํŠธ๋งŒ ํ•„์š”ํ•  ๋•Œ ์ด ๋งํฌ๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”.

ํ…Œ์ŠคํŠธํ•ด ๋ณด๊ธฐ

"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.

๋ณด์•ˆ ๊ฐ์‚ฌ

์•ˆ์ „

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.

2
์Šค์บ”๋œ ํŒŒ์ผ
324
๋ถ„์„๋œ ์ค„ ์ˆ˜
0
๊ฒ€ํ†  ํ•ญ๋ชฉ
0
์˜คํƒ ๋ฌด์‹œ๋จ
๊ฐ€์žฅ ์ตœ๊ทผ์— ์™„๋ฃŒ๋œ ์ •์ ยท์˜๋ฏธ๋ก ์  ๊ฐ์‚ฌ์—์„œ ํ™•์ธ๋œ ๋ณด์•ˆ ๋ฐœ๊ฒฌ ์‚ฌํ•ญ์ด ๊ฐ์ง€๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ์ด๋Š” ์Šคํ‚ฌ์— ๋ถ€์ž‘์šฉ์ด ์—†์Œ์„ ์ฆ๋ช…ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
๊ฐ์‚ฌ์ž: 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 ์ ์ˆ˜

์ด ์ ์ˆ˜์˜ ์ด์œ  ์ฆ๊ฑฐ ์‹ ๋ขฐ๋„: ์ค‘๊ฐ„
45
์•„ํ‚คํ…์ฒ˜
85
์œ ์ง€๋ณด์ˆ˜์„ฑ
87
์ฝ˜ํ…์ธ 
65
์ปค๋ฎค๋‹ˆํ‹ฐ
91
์‚ฌ์–‘ ์ค€์ˆ˜

๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š” ๊ฒƒ

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 ๋ฆฌ๋น„์ „

r1

๋ฒ„์ „ ์•ˆ๋‚ด

์ž‘์„ฑ์ž๊ฐ€ ์„ ์–ธํ•œ ๋ฒ„์ „์€ ์œ ํšจํ•œ SemVer๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค.

์ฐธ์กฐ

69fd928457b33fd7f1fe5202b08da3f4cb17c28b

์œ ์ง€๋ณด์ˆ˜ ์ตœ์‹ ์„ฑ

2026. 10. 22.

์‚ฌ์šฉ๋Ÿ‰

0 ๋‹ค์šด๋กœ๋“œ ยท 0 ์กฐํšŒ

ํŒŒ์ผ ๊ตฌ์กฐ

๐Ÿ“ scripts/

๐Ÿ“„ analyze.sh

๐Ÿ“„ SKILL.md