Why it matters
Magic UI globe hardcodes DPR 2: on DPR-1 screens that is 4× the pixels to shade every frame, and on DPR-3 phones it is blurry. GPU cost scales with pixel count.
How to fix it
Use Math.min(window.devicePixelRatio, 1.5) (read in an effect, never at module scope) and resize on ResizeObserver.
Example
const dpr = Math.min(window.devicePixelRatio || 1, 1.5);
canvas.width = Math.round(width * dpr);More lint rules
void lint reports 67 rules in this category. Static source checks with no browser: Tailwind v4 silent failures, Next.js 16 API traps, React render-body bugs, accessibility markup, SEO files and motion hygiene.
animate-undefined`animate-*` class with no matching `--animate-*` theme variable or `@keyframes`random-in-render`Math.random()` / `Date.now()` / `new Date()` evaluated in a component render bodyduplicate-children-not-hiddenChildren repeated for a marquee/loop without `aria-hidden` or `inert` on the copiesconditional-hookHook called inside a JSX expression, `&&`, ternary or callbacksvg-global-idHardcoded `id` on an SVG `<filter>`, gradient, `<clipPath>` or `<mask>` inside a reusable componentallocation-per-frame`new Intl.NumberFormat` / `Intl.NumberFormat(` / `new Color(` inside an animation-frame callbacksetstate-per-pointer-moveReact state set inside a `mousemove` / `pointermove` / `scroll` handlerbutton-missing-type`<button>` (or `as="button"` default) without an explicit `type`