[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6FJBDSQE5VR6H8WVG8YWB12":3,"skill-same:01M6FJBDSQE5VR6H8WVG8YWB12":49},{"skillNo":4,"name":5,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":17,"publishedAt":22,"linkOnly":23,"markdownContent":24,"markdownBody":24,"frontMatter":25,"refName":26,"commitSha":27,"skillDirectory":28,"forksCount":29,"repositoryHtmlUrl":30,"repositoryHomepageUrl":31,"ownerHtmlUrl":32,"ownerBlogUrl":6,"ownerDescription":33,"updatedAt":34,"install":35,"resources":48},"01M6FJBDSQE5VR6H8WVG8YWB12","web-quality-audit",null,"ComeOnOliver\u002Fskillshub","ComeOnOliver","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F43215937?v=4","01M6E5JNFECJAAVFE0W7SMWWD2","Haoran Shu","01M6E5JNNDQS7AJZDYFQ8TPZCK",67,"MIT","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Ftech-leads-club\u002Fagent-skills\u002Fweb-quality-audit\u002FSKILL.md",[],[18,19,20,21],"web","audit","web quality audit","quality","2026-11-10 10:12:30",false,"# Web quality audit\n\nComprehensive quality review based on Google Lighthouse audits. Covers Performance, Accessibility, SEO, and Best Practices across 150+ checks.\n\n## How it works\n\n1. Analyze the provided code\u002Fproject for quality issues\n2. Categorize findings by severity (Critical, High, Medium, Low)\n3. Provide specific, actionable recommendations\n4. Include code examples for fixes\n\n## Audit categories\n\n### Performance (40% of typical issues)\n\n**Core Web Vitals** — Must pass for good page experience:\n\n- **LCP (Largest Contentful Paint) \u003C 2.5s.** The largest visible element must render quickly. Optimize images, fonts, and server response time.\n- **INP (Interaction to Next Paint) \u003C 200ms.** User interactions must feel instant. Reduce JavaScript execution time and break up long tasks.\n- **CLS (Cumulative Layout Shift) \u003C 0.1.** Content must not jump around. Set explicit dimensions on images, embeds, and ads.\n\n**Resource Optimization:**\n\n- **Compress images.** Use WebP\u002FAVIF with fallbacks. Serve correctly sized images via `srcset`.\n- **Minimize JavaScript.** Remove unused code. Use code splitting. Defer non-critical scripts.\n- **Optimize CSS.** Extract critical CSS. Remove unused styles. Avoid `@import`.\n- **Efficient fonts.** Use `font-display: swap`. Preload critical fonts. Subset to needed characters.\n\n**Loading Strategy:**\n\n- **Preconnect to origins.** Add `\u003Clink rel=\"preconnect\">` for third-party domains.\n- **Preload critical assets.** LCP images, fonts, and above-fold CSS.\n- **Lazy load below-fold content.** Images, iframes, and heavy components.\n- **Cache effectively.** Long cache TTLs for static assets. Immutable caching for hashed files.\n\n### Accessibility (30% of typical issues)\n\n**Perceivable:**\n\n- **Text alternatives.** Every `\u003Cimg>` has meaningful `alt` text. Decorative images use `alt=\"\"`.\n- **Color contrast.** Minimum 4.5:1 for normal text, 3:1 for large text (WCAG AA).\n- **Don't rely on color alone.** Use icons, patterns, or text alongside color indicators.\n- **Captions and transcripts.** Video has captions. Audio has transcripts.\n\n**Operable:**\n\n- **Keyboard accessible.** All functionality available via keyboard. No keyboard traps.\n- **Focus visible.** Clear focus indicators on all interactive elements.\n- **Skip links.** Provide \"Skip to main content\" for keyboard users.\n- **Sufficient time.** Users can extend time limits. No auto-advancing content without controls.\n\n**Understandable:**\n\n- **Page language.** Set `lang` attribute on `\u003Chtml>`.\n- **Consistent navigation.** Same navigation structure across pages.\n- **Error identification.** Form errors clearly described and associated with fields.\n- **Labels and instructions.** All form inputs have associated labels.\n\n**Robust:**\n\n- **Valid HTML.** No duplicate IDs. Properly nested elements.\n- **ARIA used correctly.** Prefer native elements. ARIA roles match behavior.\n- **Name, role, value.** Interactive elements have accessible names and correct roles.\n\n### SEO (15% of typical issues)\n\n**Crawlability:**\n\n- **Valid robots.txt.** Doesn't block important resources.\n- **XML sitemap.** Lists all important pages. Submitted to Search Console.\n- **Canonical URLs.** Prevent duplicate content issues.\n- **No noindex on important pages.** Check meta robots and headers.\n\n**On-Page SEO:**\n\n- **Unique title tags.** 50-60 characters. Primary keyword included.\n- **Meta descriptions.** 150-160 characters. Compelling and unique.\n- **Heading hierarchy.** Single `\u003Ch1>`. Logical heading structure.\n- **Descriptive link text.** Not \"click here\" or \"read more\".\n\n**Technical SEO:**\n\n- **Mobile-friendly.** Responsive design. Tap targets ≥ 48px.\n- **HTTPS.** Secure connection required.\n- **Fast loading.** Performance directly impacts ranking.\n- **Structured data.** JSON-LD for rich snippets (Article, Product, FAQ, etc.).\n\n### Best practices (15% of typical issues)\n\n**Security:**\n\n- **HTTPS everywhere.** No mixed content. HSTS enabled.\n- **No vulnerable libraries.** Keep dependencies updated.\n- **CSP headers.** Content Security Policy to prevent XSS.\n- **No exposed source maps.** In production builds.\n\n**Modern Standards:**\n\n- **No deprecated APIs.** Replace `document.write`, synchronous XHR, etc.\n- **Valid doctype.** Use `\u003C!DOCTYPE html>`.\n- **Charset declared.** `\u003Cmeta charset=\"UTF-8\">` as first element in `\u003Chead>`.\n- **No browser errors.** Clean console. No CORS issues.\n\n**UX Patterns:**\n\n- **No intrusive interstitials.** Especially on mobile.\n- **Clear permission requests.** Only ask when needed, with context.\n- **No misleading buttons.** Buttons do what they say.\n\n## Severity levels\n\n| Level        | Description                                   | Action              |\n| ------------ | --------------------------------------------- | ------------------- |\n| **Critical** | Security vulnerabilities, complete failures   | Fix immediately     |\n| **High**     | Core Web Vitals failures, major a11y barriers | Fix before launch   |\n| **Medium**   | Performance opportunities, SEO improvements   | Fix within sprint   |\n| **Low**      | Minor optimizations, code quality             | Fix when convenient |\n\n## Audit output format\n\nWhen performing an audit, structure findings as:\n\n```markdown\n## Audit results\n\n### Critical issues (X found)\n\n- **[Category]** Issue description. File: `path\u002Fto\u002Ffile.js:123`\n  - **Impact:** Why this matters\n  - **Fix:** Specific code change or recommendation\n\n### High priority (X found)\n\n...\n\n### Summary\n\n- Performance: X issues (Y critical)\n- Accessibility: X issues (Y critical)\n- SEO: X issues\n- Best Practices: X issues\n\n### Recommended priority\n\n1. First fix this because...\n2. Then address...\n3. Finally optimize...\n```\n\n## Quick checklist\n\n### Before every deploy\n\n- [ ] Core Web Vitals passing\n- [ ] No accessibility errors (axe\u002FLighthouse)\n- [ ] No console errors\n- [ ] HTTPS working\n- [ ] Meta tags present\n\n### Weekly review\n\n- [ ] Check Search Console for issues\n- [ ] Review Core Web Vitals trends\n- [ ] Update dependencies\n- [ ] Test with screen reader\n\n### Monthly deep dive\n\n- [ ] Full Lighthouse audit\n- [ ] Performance profiling\n- [ ] Accessibility audit with real users\n- [ ] SEO keyword review\n\n## References\n\nFor detailed guidelines on specific areas:\n\n- [Performance Optimization](..\u002Fperformance\u002FSKILL.md)\n- [Core Web Vitals](..\u002Fcore-web-vitals\u002FSKILL.md)\n- [Accessibility](..\u002Faccessibility\u002FSKILL.md)\n- [SEO](..\u002Fseo\u002FSKILL.md)\n- [Best Practices](..\u002Fbest-practices\u002FSKILL.md)\n",{},"main","def8531e65114c0fca8fb8551c1871ee0eed705c","skills\u002Ftech-leads-club\u002Fagent-skills\u002Fweb-quality-audit",24,"https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub","https:\u002F\u002Fskillshub.wtf","https:\u002F\u002Fgithub.com\u002FComeOnOliver","AI & Blockchain Engineer\r\n","2026-06-24 22:07:19",{"source":7,"skillName":5,"commands":36,"prompt":46,"zipAvailable":47},[37,40,43],{"tool":38,"command":39},"npx","npx skills add ComeOnOliver\u002Fskillshub --skill web-quality-audit",{"tool":41,"command":42},"bunx","bunx skills add ComeOnOliver\u002Fskillshub --skill web-quality-audit",{"tool":44,"command":45},"pnpm","pnpm dlx skills add ComeOnOliver\u002Fskillshub --skill web-quality-audit","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Ftech-leads-club\u002Fagent-skills\u002Fweb-quality-audit\u002FSKILL.md",true,[],[50,64,74,83,89,96],{"skillNo":51,"name":52,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":53,"categories":54,"keywords":60,"publishedAt":22},"01M6FKJN13GMG4KY57J3QD8GY5","model-hierarchy-skill","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzscole\u002Fmodel-hierarchy-skill\u002Fmodel-hierarchy-skill\u002FSKILL.md",[55],{"categoryNo":56,"categoryName":57,"taxonomyType":58,"taxonomyTypeDesc":59},"01JBSEEDCAT000000000000023","Skill与智能体开发","SCENARIO","使用场景",[61,62,63],"model","model hierarchy","model hierarchy skill",{"skillNo":65,"name":66,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":67,"categories":68,"keywords":70,"publishedAt":22},"01M6FKJJJ6GCAMR4PPPRD12M5X","zoom-mcp","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-mcp\u002FSKILL.md",[69],{"categoryNo":56,"categoryName":57,"taxonomyType":58,"taxonomyTypeDesc":59},[71,72,73],"MCP","zoom","zoom mcp",{"skillNo":75,"name":76,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":77,"categories":78,"keywords":79,"publishedAt":22},"01M6FKJE3KYT3KPEZMEEHYKA6K","zoom-apps-sdk","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-apps-sdk\u002FSKILL.md",[],[80,81,82,72],"sdk","zoom apps sdk","apps",{"skillNo":84,"name":85,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":86,"categories":87,"keywords":88,"publishedAt":22},"01M6FKJ9EDH9Q5VWDF8HAJRSP0","windows","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwindows\u002FSKILL.md",[],[85],{"skillNo":90,"name":91,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":92,"categories":93,"keywords":95,"publishedAt":22},"01M6FKJ666BEEFC3AE9GJ72Q93","whiteboard","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwhiteboard\u002FSKILL.md",[94],{"categoryNo":56,"categoryName":57,"taxonomyType":58,"taxonomyTypeDesc":59},[91],{"skillNo":97,"name":98,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":99,"categories":100,"keywords":101,"publishedAt":22},"01M6FKJ21WFCDGTJQ2Q91T9DVW","websockets","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwebsockets\u002FSKILL.md",[],[98]]