[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6HSJTY5DPDKNBV5MYQ8513N":3,"skill-same:01M6HSJTY5DPDKNBV5MYQ8513N":86},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":23,"publishedAt":42,"linkOnly":43,"markdownContent":44,"markdownBody":45,"frontMatter":46,"refName":47,"commitSha":48,"skillDirectory":5,"forksCount":49,"repositoryHtmlUrl":50,"repositoryHomepageUrl":6,"ownerHtmlUrl":51,"ownerBlogUrl":6,"ownerDescription":52,"updatedAt":53,"install":54,"resources":67},"01M6HSJTY5DPDKNBV5MYQ8513N","ux-performance",null,"Audit and optimize real web UX performance. Use for slow SPA pages, routes, interactions, huge tables, loading, caching, memory, Web Vitals, Lighthouse, budgets, or CI regressions.","malinskibeniamin\u002Fskills","malinskibeniamin","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F9860550?v=4","01M6HR395Z9MM67BCKMW1WKTJS","Beniamin Malinski","01M6HR39AP95WH9NHANQ91FAJ0",4,"MIT","https:\u002F\u002Fgithub.com\u002Fmalinskibeniamin\u002Fskills\u002Fblob\u002Fmain\u002Fux-performance\u002FSKILL.md",[18],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41],"performance","ux","ux performance","vitals","memory","for","tables","loading","web vitals","pages","spa","caching","optimize","use","Lighthouse","ci","audit","web","2026-11-10 10:12:30",false,"---\nname: ux-performance\ndescription: Audit and optimize real web UX performance. Use for slow SPA pages, routes, interactions, huge tables, loading, caching, memory, Web Vitals, Lighthouse, budgets, or CI regressions.\n---\n\nOptimize measured intent-to-useful-state, not suspicious code. Default to client web; follow delayed journeys to backend\u002Fdelivery.\n\n## Contract\n\nName before edits:\n\n- **Journey:** route\u002Faction, start state, data volume, device\u002Fnetwork, cache state, and worst credible load.\n- **Milestone:** visible outcome; preserve intended animation, branding, interaction and data semantics via [fidelity assertions](..\u002Fshared\u002Fverification-replay.md).\n- **Primary metric:** elapsed time or resource bound for that milestone.\n- **Worthwhile delta:** set before edits; honor requested scale (1% is not 10x). Repeatable 100 ms can matter.\n- **Endpoint:** read-only audit, optimize through requested delivery, or calibrated CI guard.\n\nFor optimization, read the [experiment loop](..\u002Fquantify-impact\u002FREFERENCE.md#optimization-experiments) before edits.\n\n## Loop\n\n1. Inventory versions, production build, telemetry, profilers, tests and budgets. Read first-party docs before framework\u002FAPI changes.\n2. Measure baseline before edits on one production-like scenario\u002Ffixture. Keep original build\u002Ftraces ignored or temporary; [MEASUREMENT.md](MEASUREMENT.md) owns field\u002Flab evidence.\n3. Build intent-to-paint waterfall: queue, network\u002FTTFB, transfer, parse\u002Fevaluate, app\u002Frender\u002Fcommit, layout, paint. Mark serial\u002Foff-path work and cache state.\n4. Rank bottlenecks; form falsifiable hypotheses. Delete work, shrink input, or remove serialization before tuning; change one causal variable at a time.\n5. Choose a measured [optimization](OPTIMIZATION.md). For CPU\u002Fallocation\u002Flocality, apply [data-oriented redesign](..\u002Fshared\u002Fdata-oriented-performance.md) before caching or offloading.\n6. Pair base\u002Fcandidate on the same scenario, fixture, machine, browser, build, and cache. Report median\u002Fspread; verify fidelity, accessibility, memory, bundle, and errors.\n7. Keep worthwhile, guardrail-safe gains; revert losing\u002Finconclusive owned edits. Report `Value not proven - inconclusive` for noise, regression for losses. Refresh leads\u002Ffidelity before cumulative results; never metric-shop.\n8. CI only when requested: [CI.md](CI.md), stable cheap PR checks, noisy\u002Fdeep nightly checks, real-user monitoring after deploy. Hooks are advisory until calibrated.\n\nFor scale\u002Fburst\u002Fcontention\u002Fsoak claims, use [STRESS.md](STRESS.md): capacity knee and correctness under pressure.\n\nFor bundles, load [bundle analysis](..\u002Ft3code-skills\u002Fbundle-analysis\u002FSKILL.md).\n\n## Output\n\nOutcome and slowest segment:\n\n```md\nVerdict: \u003Cmeasured state or value verdict>\n| Rank | Bottleneck | Critical-path cost | Evidence | Next change | Confidence |\n|---:|---|---:|---|---|---|\nMethod: \u003Ccommand, build, fixture, cache, device\u002Fnetwork, runs, base\u002Fcandidate>\nGuardrails: \u003Ccorrectness, accessibility, errors, memory, bundle>\nArtifacts: \u003Cpaths or links>\n```\n\nSeparate measured facts, inferences, and untested opportunities. Lighthouse scores, static warnings, smaller-looking code, or an upgrade alone never prove speed.\n\n[React render probes](..\u002Fshared\u002Freact-devtools.md) are not production UX proof.\n","Optimize measured intent-to-useful-state, not suspicious code. Default to client web; follow delayed journeys to backend\u002Fdelivery.\n\n## Contract\n\nName before edits:\n\n- **Journey:** route\u002Faction, start state, data volume, device\u002Fnetwork, cache state, and worst credible load.\n- **Milestone:** visible outcome; preserve intended animation, branding, interaction and data semantics via [fidelity assertions](..\u002Fshared\u002Fverification-replay.md).\n- **Primary metric:** elapsed time or resource bound for that milestone.\n- **Worthwhile delta:** set before edits; honor requested scale (1% is not 10x). Repeatable 100 ms can matter.\n- **Endpoint:** read-only audit, optimize through requested delivery, or calibrated CI guard.\n\nFor optimization, read the [experiment loop](..\u002Fquantify-impact\u002FREFERENCE.md#optimization-experiments) before edits.\n\n## Loop\n\n1. Inventory versions, production build, telemetry, profilers, tests and budgets. Read first-party docs before framework\u002FAPI changes.\n2. Measure baseline before edits on one production-like scenario\u002Ffixture. Keep original build\u002Ftraces ignored or temporary; [MEASUREMENT.md](MEASUREMENT.md) owns field\u002Flab evidence.\n3. Build intent-to-paint waterfall: queue, network\u002FTTFB, transfer, parse\u002Fevaluate, app\u002Frender\u002Fcommit, layout, paint. Mark serial\u002Foff-path work and cache state.\n4. Rank bottlenecks; form falsifiable hypotheses. Delete work, shrink input, or remove serialization before tuning; change one causal variable at a time.\n5. Choose a measured [optimization](OPTIMIZATION.md). For CPU\u002Fallocation\u002Flocality, apply [data-oriented redesign](..\u002Fshared\u002Fdata-oriented-performance.md) before caching or offloading.\n6. Pair base\u002Fcandidate on the same scenario, fixture, machine, browser, build, and cache. Report median\u002Fspread; verify fidelity, accessibility, memory, bundle, and errors.\n7. Keep worthwhile, guardrail-safe gains; revert losing\u002Finconclusive owned edits. Report `Value not proven - inconclusive` for noise, regression for losses. Refresh leads\u002Ffidelity before cumulative results; never metric-shop.\n8. CI only when requested: [CI.md](CI.md), stable cheap PR checks, noisy\u002Fdeep nightly checks, real-user monitoring after deploy. Hooks are advisory until calibrated.\n\nFor scale\u002Fburst\u002Fcontention\u002Fsoak claims, use [STRESS.md](STRESS.md): capacity knee and correctness under pressure.\n\nFor bundles, load [bundle analysis](..\u002Ft3code-skills\u002Fbundle-analysis\u002FSKILL.md).\n\n## Output\n\nOutcome and slowest segment:\n\n```md\nVerdict: \u003Cmeasured state or value verdict>\n| Rank | Bottleneck | Critical-path cost | Evidence | Next change | Confidence |\n|---:|---|---:|---|---|---|\nMethod: \u003Ccommand, build, fixture, cache, device\u002Fnetwork, runs, base\u002Fcandidate>\nGuardrails: \u003Ccorrectness, accessibility, errors, memory, bundle>\nArtifacts: \u003Cpaths or links>\n```\n\nSeparate measured facts, inferences, and untested opportunities. Lighthouse scores, static warnings, smaller-looking code, or an upgrade alone never prove speed.\n\n[React render probes](..\u002Fshared\u002Freact-devtools.md) are not production UX proof.\n",{"name":5,"description":7},"main","c892ad3175ec1132ed6b01368d779aab448926c3",1,"https:\u002F\u002Fgithub.com\u002Fmalinskibeniamin\u002Fskills","https:\u002F\u002Fgithub.com\u002Fmalinskibeniamin","Software Engineer ","2026-11-14 01:57:41",{"source":8,"skillName":5,"commands":55,"prompt":65,"zipAvailable":66},[56,59,62],{"tool":57,"command":58},"npx","npx skills add malinskibeniamin\u002Fskills --skill ux-performance",{"tool":60,"command":61},"bunx","bunx skills add malinskibeniamin\u002Fskills --skill ux-performance",{"tool":63,"command":64},"pnpm","pnpm dlx skills add malinskibeniamin\u002Fskills --skill ux-performance","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fmalinskibeniamin\u002Fskills\u002Fblob\u002Fmain\u002Fux-performance\u002FSKILL.md",true,[68,74,78,82],{"path":69,"resourceType":70,"resourceTypeDesc":71,"sizeBytes":72,"sourceHtmlUrl":73},"CI.md","REFERENCE","参考文档",7814,"https:\u002F\u002Fgithub.com\u002Fmalinskibeniamin\u002Fskills\u002Fblob\u002Fmain\u002Fux-performance\u002FCI.md",{"path":75,"resourceType":70,"resourceTypeDesc":71,"sizeBytes":76,"sourceHtmlUrl":77},"MEASUREMENT.md",10303,"https:\u002F\u002Fgithub.com\u002Fmalinskibeniamin\u002Fskills\u002Fblob\u002Fmain\u002Fux-performance\u002FMEASUREMENT.md",{"path":79,"resourceType":70,"resourceTypeDesc":71,"sizeBytes":80,"sourceHtmlUrl":81},"OPTIMIZATION.md",11719,"https:\u002F\u002Fgithub.com\u002Fmalinskibeniamin\u002Fskills\u002Fblob\u002Fmain\u002Fux-performance\u002FOPTIMIZATION.md",{"path":83,"resourceType":70,"resourceTypeDesc":71,"sizeBytes":84,"sourceHtmlUrl":85},"STRESS.md",8799,"https:\u002F\u002Fgithub.com\u002Fmalinskibeniamin\u002Fskills\u002Fblob\u002Fmain\u002Fux-performance\u002FSTRESS.md",[87,106,128,133,138,161],{"skillNo":88,"name":89,"nameZh":6,"description":90,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":91,"categories":92,"keywords":93,"publishedAt":42},"01M70WY35N42VJT16W9MA8CCGX","hill-climb","Optimize a defined outcome through bounded evaluation loops. Use for hill-climb requests or repeated improvement against an executable eval, benchmark, or visual comparison; not a one-pass review.","https:\u002F\u002Fgithub.com\u002Fmalinskibeniamin\u002Fskills\u002Fblob\u002Fmain\u002Fhill-climb\u002FSKILL.md",[],[94,95,96,97,98,99,37,100,101,102,103,29,104,36,105],"hill climb","bounded","improvement","review","visual","comparison","eval","benchmark","Evaluation","outcome","requests","loops",{"skillNo":107,"name":108,"nameZh":6,"description":109,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":110,"sourceHtmlUrl":111,"categories":112,"keywords":113,"publishedAt":42},"01M70WXTA2JQ9SN3QZPHHCYB90","gestures","Build or fix web drag, swipe, sheet, reorder, and hold interactions: direct tracking, rubber banding, release velocity, momentum, snap points, and interruption. Not native React Native or Swift.","https:\u002F\u002Fgithub.com\u002Fmalinskibeniamin\u002Fskills\u002Fblob\u002Fmain\u002Fgestures\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fmalinskibeniamin\u002Fskills\u002Fblob\u002Fmain\u002Fgestures\u002FSKILL.md",[],[108,114,115,116,41,117,118,119,120,121,122,123,124,125,126,127],"build","native","velocity","drag","react native","snap","release","swift","react","swipe","direct","tracking","fix","sheet",{"skillNo":129,"name":89,"nameZh":6,"description":90,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":130,"categories":131,"keywords":132,"publishedAt":42},"01M70WKSB2PTJGVH7C9XC1FEED","https:\u002F\u002Fgithub.com\u002Fmalinskibeniamin\u002Fskills\u002Fblob\u002Fmain\u002Fcodex-skills\u002Fhill-climb\u002FSKILL.md",[],[94,29,95,97,98,99,37,100,101,103,102,96,36,105,104],{"skillNo":134,"name":108,"nameZh":6,"description":109,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":135,"categories":136,"keywords":137,"publishedAt":42},"01M70WKGYKGN1J786GK8N3RGH1","https:\u002F\u002Fgithub.com\u002Fmalinskibeniamin\u002Fskills\u002Fblob\u002Fmain\u002Fcodex-skills\u002Fgestures\u002FSKILL.md",[],[108,120,121,122,123,124,125,126,127,114,115,116,41,117,118,119],{"skillNo":139,"name":140,"nameZh":6,"description":141,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":142,"sourceHtmlUrl":143,"categories":144,"keywords":145,"publishedAt":42},"01M6HS2326AZFPF8G9C2KW4AT0","improve-animations","Audit existing web UI motion and prioritize concrete improvements or self-contained implementation plans. Use for a motion roadmap; animate owns implementation and diff review.","https:\u002F\u002Fgithub.com\u002Fmalinskibeniamin\u002Fskills\u002Fblob\u002Fmain\u002Fimprove-animations\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fmalinskibeniamin\u002Fskills\u002Fblob\u002Fmain\u002Fimprove-animations\u002FSKILL.md",[],[146,147,29,148,149,150,37,151,152,153,154,155,156,157,40,158,41,159,160,97],"improve animations","improve","ui","roadmap","Existing","animate","motion","implementation","plans","diff review","prioritize","web ui","diff","self","ui motion",{"skillNo":162,"name":163,"nameZh":6,"description":164,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":165,"sourceHtmlUrl":166,"categories":167,"keywords":168,"publishedAt":42},"01M6HS0AADDXBB0S8B42R0G82K","effect-ts","Use when setting up a repository that uses the Effect TypeScript library.","https:\u002F\u002Fgithub.com\u002Fmalinskibeniamin\u002Fskills\u002Fblob\u002Fmain\u002Feffect-ts\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fmalinskibeniamin\u002Fskills\u002Fblob\u002Fmain\u002Feffect-ts\u002FSKILL.md",[],[169,170,171,37,172,173,174],"effect ts","effect","library","typescript","up","repository"]