thrash-report-analyzer
Layout Thrashing Report Analysis
Analyze a bye-thrash report and produce actionable fix suggestions for every layout thrashing instance found.
Usage
/thrash-report-analyzer <path-to-report.json>
The argument is the absolute path to a JSON file containing the bye-thrash report array. If no file path is provided, ask the user to paste the report JSON directly.
Input format
Each entry in the report array has at minimum:
prop— the layout property that was read (e.g.offsetWidth,clientHeight)count— how many times this thrash was observedstack— a JavaScript call stack string captured at the moment of the layout read
More from joyco-studio/skills
pr-description-writer
>
37parallel-claudes
>
32markdown-content
>
31trace-audit
Analyze a Chrome DevTools Performance trace JSON file for performance anomalies, producing a structured audit report with critical issues, warnings, metrics, timeline hotspots, and actionable recommendations.
30joyco-lab
Use this skill whenever the user wants to isolate a piece of code, animation, or 3D experiment into a standalone JOYCO Lab experiment and publish it. Triggers include: \"isolate this\", \"publish this to the lab\", \"create a lab experiment\", \"extract this animation/effect/scene\", \"submit to JOYCO lab\", \"make this an experiment\". Also trigger when the user shows you a self-contained visual effect, animation, 3D scene, canvas sketch, or interactive component and wants to share or showcase it. Even if they don't say \"lab\" explicitly — if there's isolatable creative/technical code and a desire to share it, use this skill.
21webaudio
>
5