[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71R7K35P668DYEPYGDQP2QA":3,"skill-same:01M71R7K35P668DYEPYGDQP2QA":87},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":33,"publishedAt":54,"linkOnly":55,"markdownContent":56,"markdownBody":57,"frontMatter":58,"refName":61,"commitSha":62,"skillDirectory":63,"forksCount":13,"repositoryHtmlUrl":64,"repositoryHomepageUrl":6,"ownerHtmlUrl":65,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":66,"install":67,"resources":80},"01M71R7K35P668DYEPYGDQP2QA","web-quality-audit",null,"Comprehensive web audit: performance, a11y, SEO, responsive, animation, design tokens.","LuisAlbertoMK\u002Fgentleman-agent-gh","LuisAlbertoMK","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F96153499?v=4","01M71QZX0CF9KKGQZ8ZN9BME63","01M71QZX11P5X6Z27HE1GQDF71",0,"Apache-2.0","https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK\u002Fgentleman-agent-gh\u002Fblob\u002Fmain\u002Fdocs\u002Fciclos\u002Fc28-w1-backup\u002Fweb-quality-audit\u002FSKILL.md",[17,22,25,30],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000019","营销推广",{"categoryNo":26,"categoryName":27,"taxonomyType":28,"taxonomyTypeDesc":29},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",{"categoryNo":31,"categoryName":32,"taxonomyType":28,"taxonomyTypeDesc":29},"01JBSEEDCAT000000000000035","市场营销",[34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53],"quality audit","web","audit","web quality audit","quality","Lighthouse","a11y","design audit","tokens","responsive","optimize","ui audit","page","design","Animation","seo","ui","website","performance","review","2026-11-10 13:02:02",false,"---\nname: web-quality-audit\ndescription: \"Comprehensive web audit: performance, a11y, SEO, responsive, animation, design tokens.\"\ntriggers: \"audit, review web quality, lighthouse, page quality, optimize website, design audit, ui audit, web audit, site review\"\nchangelog: docs\u002Fciclos\u002Fcycle28-20260815.md\n---\n\n## When to Use\nComprehensive web audit: performance, a11y, SEO, responsive,\n\n**Pre-req**: Target running+accessible. Public URL(no auth\u002FCAPTCHA\u002FWAF).\n\n## Perf(30%): LCP\u003C2.5s|INP\u003C200ms|CLS\u003C0.1. WebP\u002FAVIF, code-split, font-display:swap, preconnect, preload LCP, lazy. scheduler.yield(), transform+opacity, scroll-driven\n## A11y(20%): alt, contrast4.5:1, captions, keyboard, focus2px, skip, touch≥24×24(rec44×44). EAA2025: theme contrast per variant, reduced-motion, focus all themes. No `dense` on interactive\n## Responsive(15%): CQ `inline-size`not`size`. `repeat(auto-fit,minmax(280px,1fr))`. `clamp()+vw(page)\u002Fcqi(containers)`. Subgrid. MQ=page, CQ=components\n## Animation(10%): transform+opacity only. 3 easing max. ≤500ms, \u003C200ms\u002Felement. scroll-driven CSS `animation-timeline`. prefers-reduced-motion. No decorative\n## Design Tokens(10%): OKLCH>HSL\u002FRGB. 8pt. 3-tier(Primitive→Semantic→Component). `clamp()` fluid. `light-dark()`\u002FOKLCH inversion dark. ≥4.5:1 per theme\n## SEO(15%): robots.txt·sitemap·canonical·title50-60·meta150-160·H1·HTTPS·mobile·JSON-LD. See **seo**\n## Best Practices(15%): HTTPS·`npm audit`·CSP·DOCTYPE·UTF-8·clean console·contextual permissions·301·no broken links\n## Severity: Critical(blockers\u002Fa11y)|High(CWV\u002Fcontrast\u002FCQ)|Medium(perf\u002FSEO\u002Ftokens)|Low\n## Cadence: Pre-deploy CWV\u002Fa11y=0\u002FCQ|Weekly INP\u002Fdeps\u002Fmotion|Monthly Lighthouse\u002Ftoken\u002Ftheme. Targets: Perf≥90 A11y=100 BP≥95 SEO≥95\n\n## Workflow\n1.Setup:`npx unlighthouse --site \u003Curl>`(site) or `npx lighthouse \u003Cpage> --view`(page)\n2.Scan→scores 3.Analyze vs targets 4.Prioritize:Critical→High→Med→Low 5.Report\n\n## Output\n```\nAUDIT:\u003Curl>—\u003Cdate> Scores:Perf=\u003Cn>A11y=\u003Cn>BP=\u003Cn>SEO=\u003Cn> CRITICAL:[cat]\u003Cissue>→\u003Cfix> HIGH:... MEDIUM:...\n```\n## CI\u002FCD\n```yaml\n- run: npx unlighthouse --site ${{vars.SITE_URL}} --reporter json>audit.json && node -e \"...\"\n```\nScale: Unlighthouse 0-1 floats, Lighthouse 0-100 ints. Pre-deploy:block Critical\u002FHigh.\n\n## Anti-Patterns\nLighthouse once·Skip a11y·No anim budget·Mix CQ\u002FMQ without strategy·No token audit·No CI gate·Ignore theme a11y·Audit unreachable·Confuse Lighthouse\u002Funlighthouse scales\n\n## Refs\nbaseline-ui·accessibility·performance·seo·best-practices·ui-engine\n","## When to Use\nComprehensive web audit: performance, a11y, SEO, responsive,\n\n**Pre-req**: Target running+accessible. Public URL(no auth\u002FCAPTCHA\u002FWAF).\n\n## Perf(30%): LCP\u003C2.5s|INP\u003C200ms|CLS\u003C0.1. WebP\u002FAVIF, code-split, font-display:swap, preconnect, preload LCP, lazy. scheduler.yield(), transform+opacity, scroll-driven\n## A11y(20%): alt, contrast4.5:1, captions, keyboard, focus2px, skip, touch≥24×24(rec44×44). EAA2025: theme contrast per variant, reduced-motion, focus all themes. No `dense` on interactive\n## Responsive(15%): CQ `inline-size`not`size`. `repeat(auto-fit,minmax(280px,1fr))`. `clamp()+vw(page)\u002Fcqi(containers)`. Subgrid. MQ=page, CQ=components\n## Animation(10%): transform+opacity only. 3 easing max. ≤500ms, \u003C200ms\u002Felement. scroll-driven CSS `animation-timeline`. prefers-reduced-motion. No decorative\n## Design Tokens(10%): OKLCH>HSL\u002FRGB. 8pt. 3-tier(Primitive→Semantic→Component). `clamp()` fluid. `light-dark()`\u002FOKLCH inversion dark. ≥4.5:1 per theme\n## SEO(15%): robots.txt·sitemap·canonical·title50-60·meta150-160·H1·HTTPS·mobile·JSON-LD. See **seo**\n## Best Practices(15%): HTTPS·`npm audit`·CSP·DOCTYPE·UTF-8·clean console·contextual permissions·301·no broken links\n## Severity: Critical(blockers\u002Fa11y)|High(CWV\u002Fcontrast\u002FCQ)|Medium(perf\u002FSEO\u002Ftokens)|Low\n## Cadence: Pre-deploy CWV\u002Fa11y=0\u002FCQ|Weekly INP\u002Fdeps\u002Fmotion|Monthly Lighthouse\u002Ftoken\u002Ftheme. Targets: Perf≥90 A11y=100 BP≥95 SEO≥95\n\n## Workflow\n1.Setup:`npx unlighthouse --site \u003Curl>`(site) or `npx lighthouse \u003Cpage> --view`(page)\n2.Scan→scores 3.Analyze vs targets 4.Prioritize:Critical→High→Med→Low 5.Report\n\n## Output\n```\nAUDIT:\u003Curl>—\u003Cdate> Scores:Perf=\u003Cn>A11y=\u003Cn>BP=\u003Cn>SEO=\u003Cn> CRITICAL:[cat]\u003Cissue>→\u003Cfix> HIGH:... MEDIUM:...\n```\n## CI\u002FCD\n```yaml\n- run: npx unlighthouse --site ${{vars.SITE_URL}} --reporter json>audit.json && node -e \"...\"\n```\nScale: Unlighthouse 0-1 floats, Lighthouse 0-100 ints. Pre-deploy:block Critical\u002FHigh.\n\n## Anti-Patterns\nLighthouse once·Skip a11y·No anim budget·Mix CQ\u002FMQ without strategy·No token audit·No CI gate·Ignore theme a11y·Audit unreachable·Confuse Lighthouse\u002Funlighthouse scales\n\n## Refs\nbaseline-ui·accessibility·performance·seo·best-practices·ui-engine\n",{"name":5,"triggers":59,"changelog":60,"description":7},"audit, review web quality, lighthouse, page quality, optimize website, design audit, ui audit, web audit, site review","docs\u002Fciclos\u002Fcycle28-20260815.md","main","4af6946b30783e2c8f9182082324d530fc28f838","docs\u002Fciclos\u002Fc28-w1-backup\u002Fweb-quality-audit","https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK\u002Fgentleman-agent-gh","https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK","2026-11-10 18:34:27",{"source":8,"skillName":5,"commands":68,"prompt":78,"zipAvailable":79},[69,72,75],{"tool":70,"command":71},"npx","npx skills add LuisAlbertoMK\u002Fgentleman-agent-gh --skill web-quality-audit",{"tool":73,"command":74},"bunx","bunx skills add LuisAlbertoMK\u002Fgentleman-agent-gh --skill web-quality-audit",{"tool":76,"command":77},"pnpm","pnpm dlx skills add LuisAlbertoMK\u002Fgentleman-agent-gh --skill web-quality-audit","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK\u002Fgentleman-agent-gh\u002Fblob\u002Fmain\u002Fdocs\u002Fciclos\u002Fc28-w1-backup\u002Fweb-quality-audit\u002FSKILL.md",true,[81],{"path":82,"resourceType":83,"resourceTypeDesc":84,"sizeBytes":85,"sourceHtmlUrl":86},"scripts\u002Fanalyze.sh","SCRIPT","脚本",3864,"https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK\u002Fgentleman-agent-gh\u002Fblob\u002Fmain\u002Fdocs\u002Fciclos\u002Fc28-w1-backup\u002Fweb-quality-audit\u002Fscripts\u002Fanalyze.sh",[88,111,131,156,182,210],{"skillNo":89,"name":90,"nameZh":6,"description":91,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":92,"categories":93,"keywords":95,"publishedAt":54},"01M71R7H1RA7CQ568DHRK37PE2","ui-engine","UI system — Grid\u002FFlexbox\u002F@layer\u002F:has(), container queries, compositor-only animation, OKLCH tokens, component patterns","https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK\u002Fgentleman-agent-gh\u002Fblob\u002Fmain\u002Fdocs\u002Fciclos\u002Fc28-w1-backup\u002Fui-engine\u002FSKILL.md",[94],{"categoryNo":26,"categoryName":27,"taxonomyType":28,"taxonomyTypeDesc":29},[96,97,50,48,98,99,100,46,101,42,102,103,104,47,105,106,107,108,109,110],"ui engine","engine","compositor","css","dark","system","mode","hooks","container","only","query","components","dark mode","grid","queries",{"skillNo":112,"name":113,"nameZh":6,"description":114,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":115,"categories":116,"keywords":119,"publishedAt":54},"01M71R7EPMZFKB833WE4B3GTHC","baseline-ui","Anti-slop UI — layout, typography, responsive, animation, tokens. Use for cleanup or polish.","https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK\u002Fgentleman-agent-gh\u002Fblob\u002Fmain\u002Fdocs\u002Fciclos\u002Fc28-w1-backup\u002Fbaseline-ui\u002FSKILL.md",[117,118],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":26,"categoryName":27,"taxonomyType":28,"taxonomyTypeDesc":29},[120,121,50,48,122,123,124,125,42,126,104,47,127,128,129,45,130,106,109,53],"baseline ui","baseline","generic","slop","for","anti-slop","fix","interface","cleanup","design review","use",{"skillNo":132,"name":133,"nameZh":6,"description":134,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":135,"categories":136,"keywords":140,"publishedAt":54},"01M71R7CWK3FBW77Z8WD9GXQFE","skill-creator","Create new AI agent skills following Agent Skills spec -- auto-bootstrap unknown tasks, define structure, register in AGENTS.md","https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK\u002Fgentleman-agent-gh\u002Fblob\u002Fmain\u002F.archive\u002Fskills\u002Fskill-creator\u002FSKILL.md",[137],{"categoryNo":138,"categoryName":139,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发",[141,142,143,144,145,146,147,148,149,150,151,152,153,154,155],"skill creator","creator","create","structure","register","2026","spec","new","ai skill","auto","define","ai agent","unknown","tasks","bootstrap",{"skillNo":157,"name":158,"nameZh":6,"description":159,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":160,"categories":161,"keywords":164,"publishedAt":54},"01M71R78DZM1GA16F1KN8ND926","senior-engineer","Apply senior engineering competencies — system design, trade-off analysis, delegation, mentoring, and tech debt strategy","https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK\u002Fgentleman-agent-gh\u002Fblob\u002Fmain\u002F.archive\u002Fskills\u002Fsenior-engineer\u002FSKILL.md",[162,163],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":26,"categoryName":27,"taxonomyType":28,"taxonomyTypeDesc":29},[165,166,167,168,169,170,171,47,172,173,146,174,175,176,101,177,178,179,180,181],"engineer","senior","senior engineer","system design","trade-offs","senior engineering","delegation","senior architect","analysis","debt","architect","tech","strategy","apply","trade","tech debt","engineering",{"skillNo":183,"name":184,"nameZh":6,"description":185,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":186,"categories":187,"keywords":192,"publishedAt":54},"01M71R74WQTXZMG3219RND96CE","prompt-engineering","Design effective prompts using SPEARS framework — scope, principles, examples, assertions, refinements, with ReAct and multi-agent patterns","https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK\u002Fgentleman-agent-gh\u002Fblob\u002Fmain\u002F.archive\u002Fskills\u002Fprompt-engineering\u002FSKILL.md",[188,191],{"categoryNo":189,"categoryName":190,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发",{"categoryNo":138,"categoryName":139,"taxonomyType":20,"taxonomyTypeDesc":21},[193,194,181,195,196,47,197,146,198,199,200,201,202,203,204,205,206,207,208,209],"prompt","prompt engineering","scope","improve","react","security","patterns","multi-agent","framework","agent patterns","assertions","examples","with","multi","principles","improve prompt","prompts",{"skillNo":211,"name":212,"nameZh":6,"description":213,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":214,"categories":215,"keywords":224,"publishedAt":54},"01M71R7355SPXASHS08FPAQJMS","cognitive-doc-design","Design docs that reduce cognitive load. Trigger: writing guides, READMEs, RFCs, onboarding, architecture, or review-facing docs.","https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK\u002Fgentleman-agent-gh\u002Fblob\u002Fmain\u002F.archive\u002Fskills\u002Fcognitive-doc-design\u002FSKILL.md",[216,217,220,221],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":218,"categoryName":219,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000018","写作与文案",{"categoryNo":26,"categoryName":27,"taxonomyType":28,"taxonomyTypeDesc":29},{"categoryNo":222,"categoryName":223,"taxonomyType":28,"taxonomyTypeDesc":29},"01JBSEEDCAT000000000000036","内容创作者",[47,225,226,227,228,229,230,231,232,53,233,234,146,235,236,237,238],"cognitive doc design","doc","README","trigger","writing","load","reduce","architecture","guides","documentation","design docs","docs","RFC","onboarding"]