[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71R48AY7HDX5P0RHHA9D5AE":3,"skill-same:01M71R48AY7HDX5P0RHHA9D5AE":65},{"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":17,"publishedAt":37,"linkOnly":38,"markdownContent":39,"markdownBody":40,"frontMatter":41,"refName":45,"commitSha":46,"skillDirectory":47,"forksCount":13,"repositoryHtmlUrl":48,"repositoryHomepageUrl":6,"ownerHtmlUrl":49,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":50,"install":51,"resources":64},"01M71R48AY7HDX5P0RHHA9D5AE","performance",null,"Web performance — CWV\u002FINP, compositor animation, scroll-driven, content-visibility. NOT app scoring (see performance-tracker)","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\u002F.agents\u002Fskills\u002Fperformance\u002FSKILL.md",[],[5,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36],"performance audit","docs","load","compositor","loading","animation performance","app","scroll","speed","time","scoring","tracker","up","page","Animation","audit","content","web performance","web","2026-11-10 13:02:02",false,"---\nname: performance\ndescription: \"Web performance — CWV\u002FINP, compositor animation, scroll-driven, content-visibility. NOT app scoring (see performance-tracker)\"\ntriggers: \"performance, speed up, load time, slow loading, page speed, performance audit, INP, animation performance, scroll performance, compositor\"\nchangelog: docs\u002Fciclos\u002Fcycle28-20260815.md\ntoken_budget: 2704\n---\n\u003C!-- karpathy-compressed: 2026-07-10 -->\n## CWV Checklist (core)\nLCP\u003C2.5s · FCP\u003C1.8s · TBT\u003C200ms · CLS\u003C0.1 (explicit w\u002Fh or aspect-ratio) · INP\u003C200ms · Budgets: Total\u003C1.5MB JS(gz)\u003C300KB CSS\u003C100KB Images\u003C500KB Fonts\u003C100KB 3rd\u003C200KB — detalla tablas Budget\u002FINP\u002FCompositor → reference.md\n## Critical Path + Caching\nTTFB\u003C800ms · Brotli · HTTP\u002F2+ · Edge · preload LCP · defer · code-split · tree-shake\n`HTML: no-cache` · `Static: public,max-age=31536000,immutable` · `API: private,no-cache`\n## Media + Runtime\nAVIF→WebP→PNG→SVG, `\u003Cpicture>` srcset, LCP `fetchpriority=\"high\"`, lazy. Fonts: `font-display:swap`, preload .woff2, unicode-range, variable.\nBatch DOM reads · debounce scroll≥100ms · rAF · virtualize >100 · View Transitions · 3rd-party: async\u002FIObserver\u002FFacade\n## INP + Compositor (summary)\nINP\u003C200ms: Input\u003C50ms + Processing\u003C100ms (`scheduler.yield()`) + Presentation\u003C50ms (compositor). Animate ONLY `transform`+`opacity` (GPU) — NEVER w\u002Fh\u002Ftop\u002Fleft\u002Fmargin\u002Fpadding (Main thread). Detalles → reference.md\n## Output\n`PERF-AUDIT:\u003Curl>—\u003Cdate> CRITICAL:[LCP|CLS|FCP|TBT|INP]\u003Cactual>\u002F\u003Cbudget>→\u003Cfix> HIGH:[img|font|JS|CSS]\u003Ckb>→\u003Cfix> INP:\u003Cms>→\u003Cproc>\u002F\u003Cpresent> VERIFY:[lighthouse|web-vitals]→PASS\u002FFAIL`\n## Anti-Rationalization\n| Rationalization | Red Flag | Verification |\n|-----------------|----------|--------------|\n| \"Optimizar sin medir\" | No baseline Lighthouse | benchmark-core.ps1 -Gate before\u002Fafter |\n| \"INP\u003C200ms solo en mobile\" | Main thread bloqueado | `scheduler.yield()` + compositor-only verify (DevTools) |\n| \"Animar width\u002Fheight da igual\" | Layout trashing | Animate `transform`+`opacity` only, verifica compositor |\n## Red Flags\n- No baseline measurement → STOP, re-read skill\n- Second occurrence of same rationalization → force RED zone\n## Verification\n- benchmark-core.ps1 -Gate before\u002Fafter\n- cross-ref-check.ps1 → SKILL.md OK\n## Cross-Refs: performance-tracker | baseline-ui | ui-engine | web-quality-audit | accessibility\n---\n\n## Reference Materials\n\nThe following material is externalized to keep this skill under the 3KB token budget (ADR-048).\nConsult these when the skill needs detailed worked examples or guardrails:\n\n- **Budget\u002FINP\u002FCompositor tables, Worked Examples, Testing Patterns, Edge Cases**\n  → docs\u002Fskills\u002Fperformance\u002Freference.md\n\n---\n","\u003C!-- karpathy-compressed: 2026-07-10 -->\n## CWV Checklist (core)\nLCP\u003C2.5s · FCP\u003C1.8s · TBT\u003C200ms · CLS\u003C0.1 (explicit w\u002Fh or aspect-ratio) · INP\u003C200ms · Budgets: Total\u003C1.5MB JS(gz)\u003C300KB CSS\u003C100KB Images\u003C500KB Fonts\u003C100KB 3rd\u003C200KB — detalla tablas Budget\u002FINP\u002FCompositor → reference.md\n## Critical Path + Caching\nTTFB\u003C800ms · Brotli · HTTP\u002F2+ · Edge · preload LCP · defer · code-split · tree-shake\n`HTML: no-cache` · `Static: public,max-age=31536000,immutable` · `API: private,no-cache`\n## Media + Runtime\nAVIF→WebP→PNG→SVG, `\u003Cpicture>` srcset, LCP `fetchpriority=\"high\"`, lazy. Fonts: `font-display:swap`, preload .woff2, unicode-range, variable.\nBatch DOM reads · debounce scroll≥100ms · rAF · virtualize >100 · View Transitions · 3rd-party: async\u002FIObserver\u002FFacade\n## INP + Compositor (summary)\nINP\u003C200ms: Input\u003C50ms + Processing\u003C100ms (`scheduler.yield()`) + Presentation\u003C50ms (compositor). Animate ONLY `transform`+`opacity` (GPU) — NEVER w\u002Fh\u002Ftop\u002Fleft\u002Fmargin\u002Fpadding (Main thread). Detalles → reference.md\n## Output\n`PERF-AUDIT:\u003Curl>—\u003Cdate> CRITICAL:[LCP|CLS|FCP|TBT|INP]\u003Cactual>\u002F\u003Cbudget>→\u003Cfix> HIGH:[img|font|JS|CSS]\u003Ckb>→\u003Cfix> INP:\u003Cms>→\u003Cproc>\u002F\u003Cpresent> VERIFY:[lighthouse|web-vitals]→PASS\u002FFAIL`\n## Anti-Rationalization\n| Rationalization | Red Flag | Verification |\n|-----------------|----------|--------------|\n| \"Optimizar sin medir\" | No baseline Lighthouse | benchmark-core.ps1 -Gate before\u002Fafter |\n| \"INP\u003C200ms solo en mobile\" | Main thread bloqueado | `scheduler.yield()` + compositor-only verify (DevTools) |\n| \"Animar width\u002Fheight da igual\" | Layout trashing | Animate `transform`+`opacity` only, verifica compositor |\n## Red Flags\n- No baseline measurement → STOP, re-read skill\n- Second occurrence of same rationalization → force RED zone\n## Verification\n- benchmark-core.ps1 -Gate before\u002Fafter\n- cross-ref-check.ps1 → SKILL.md OK\n## Cross-Refs: performance-tracker | baseline-ui | ui-engine | web-quality-audit | accessibility\n---\n\n## Reference Materials\n\nThe following material is externalized to keep this skill under the 3KB token budget (ADR-048).\nConsult these when the skill needs detailed worked examples or guardrails:\n\n- **Budget\u002FINP\u002FCompositor tables, Worked Examples, Testing Patterns, Edge Cases**\n  → docs\u002Fskills\u002Fperformance\u002Freference.md\n\n---\n",{"name":5,"triggers":42,"changelog":43,"description":7,"token_budget":44},"performance, speed up, load time, slow loading, page speed, performance audit, INP, animation performance, scroll performance, compositor","docs\u002Fciclos\u002Fcycle28-20260815.md",2704,"main","4af6946b30783e2c8f9182082324d530fc28f838",".agents\u002Fskills\u002Fperformance","https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK\u002Fgentleman-agent-gh","https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK","2026-11-10 18:34:27",{"source":8,"skillName":5,"commands":52,"prompt":62,"zipAvailable":63},[53,56,59],{"tool":54,"command":55},"npx","npx skills add LuisAlbertoMK\u002Fgentleman-agent-gh --skill performance",{"tool":57,"command":58},"bunx","bunx skills add LuisAlbertoMK\u002Fgentleman-agent-gh --skill performance",{"tool":60,"command":61},"pnpm","pnpm dlx skills add LuisAlbertoMK\u002Fgentleman-agent-gh --skill performance","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK\u002Fgentleman-agent-gh\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fperformance\u002FSKILL.md",true,[],[66,104,126,146,171,197],{"skillNo":67,"name":68,"nameZh":6,"description":69,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":70,"categories":71,"keywords":88,"publishedAt":37},"01M71R7K35P668DYEPYGDQP2QA","web-quality-audit","Comprehensive web audit: performance, a11y, SEO, responsive, animation, design tokens.","https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK\u002Fgentleman-agent-gh\u002Fblob\u002Fmain\u002Fdocs\u002Fciclos\u002Fc28-w1-backup\u002Fweb-quality-audit\u002FSKILL.md",[72,77,80,85],{"categoryNo":73,"categoryName":74,"taxonomyType":75,"taxonomyTypeDesc":76},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":78,"categoryName":79,"taxonomyType":75,"taxonomyTypeDesc":76},"01JBSEEDCAT000000000000019","营销推广",{"categoryNo":81,"categoryName":82,"taxonomyType":83,"taxonomyTypeDesc":84},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",{"categoryNo":86,"categoryName":87,"taxonomyType":83,"taxonomyTypeDesc":84},"01JBSEEDCAT000000000000035","市场营销",[89,90,91,33,36,32,92,93,94,95,96,97,98,99,100,5,101,102,103,31],"quality","quality audit","web quality audit","design audit","design","website","ui","responsive","seo","tokens","ui audit","Lighthouse","review","optimize","a11y",{"skillNo":105,"name":106,"nameZh":6,"description":107,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":108,"categories":109,"keywords":111,"publishedAt":37},"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",[110],{"categoryNo":81,"categoryName":82,"taxonomyType":83,"taxonomyTypeDesc":84},[112,113,95,32,21,114,115,31,116,98,117,118,119,93,120,121,122,123,124,125],"ui engine","engine","css","dark","system","mode","hooks","container","only","query","components","dark mode","grid","queries",{"skillNo":127,"name":128,"nameZh":6,"description":129,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":130,"categories":131,"keywords":134,"publishedAt":37},"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",[132,133],{"categoryNo":73,"categoryName":74,"taxonomyType":75,"taxonomyTypeDesc":76},{"categoryNo":81,"categoryName":82,"taxonomyType":83,"taxonomyTypeDesc":84},[135,136,95,32,137,138,139,140,98,141,119,93,142,143,144,99,145,121,124,101],"baseline ui","baseline","generic","slop","for","anti-slop","fix","interface","cleanup","design review","use",{"skillNo":147,"name":148,"nameZh":6,"description":149,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":150,"categories":151,"keywords":155,"publishedAt":37},"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",[152],{"categoryNo":153,"categoryName":154,"taxonomyType":75,"taxonomyTypeDesc":76},"01JBSEEDCAT000000000000023","Skill与智能体开发",[156,157,158,159,160,161,162,163,164,165,166,167,168,169,170],"skill creator","creator","create","structure","register","2026","spec","new","ai skill","auto","define","ai agent","unknown","tasks","bootstrap",{"skillNo":172,"name":173,"nameZh":6,"description":174,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":175,"categories":176,"keywords":179,"publishedAt":37},"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",[177,178],{"categoryNo":73,"categoryName":74,"taxonomyType":75,"taxonomyTypeDesc":76},{"categoryNo":81,"categoryName":82,"taxonomyType":83,"taxonomyTypeDesc":84},[180,181,182,183,184,185,186,93,187,188,161,189,190,191,116,192,193,194,195,196],"engineer","senior","senior engineer","system design","trade-offs","senior engineering","delegation","senior architect","analysis","debt","architect","tech","strategy","apply","trade","tech debt","engineering",{"skillNo":198,"name":199,"nameZh":6,"description":200,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":201,"categories":202,"keywords":207,"publishedAt":37},"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",[203,206],{"categoryNo":204,"categoryName":205,"taxonomyType":75,"taxonomyTypeDesc":76},"01JBSEEDCAT000000000000009","前端开发",{"categoryNo":153,"categoryName":154,"taxonomyType":75,"taxonomyTypeDesc":76},[208,209,196,210,211,93,212,161,213,214,215,216,217,218,219,220,221,222,223,224],"prompt","prompt engineering","scope","improve","react","security","patterns","multi-agent","framework","agent patterns","assertions","examples","with","multi","principles","improve prompt","prompts"]