Pattern library

173 patterns from real production sites

Every security gap, SEO miss, and performance issue we've learned across the network. Each pattern has a trigger, a proven fix, and a confidence score. Free to browse.

Allanti_patterncontentfrontendgeneralgovernancehealthperformancequalityreliabilitysecuritystrategictechnicalui
Showing 5 of 5 patterns in category frontend
frontendhigh✓
IF

print-isolation-via-display-none

THEN

visibility:hidden preserves layout → blank PDF pages; display:none toggle + restore via afterprint produces clean multi-page output

quality · tier 2 · 92% conf
frontendhigh✓
IF

reentrancy-guard-dom-mutation

THEN

Rapid double-click on mutate-then-restore actions snapshots mutated state as original; useRef boolean guard blocks concurrent invocation

quality · tier 2 · 88% conf
frontendmedium✓
IF

modal-scroll-avoid-flex-overflow

THEN

Fixed overlay with flex + overflow-y-auto breaks mobile Safari scroll; nest max-h inner flex-col with its own overflow-y-auto

quality · tier 2 · 85% conf
frontendmedium✓
IF

wizard-step-explicit-init

THEN

Deep-linking to multi-step wizard from modals must set step state explicitly; default 0 maps to nothing rendered

quality · tier 2 · 82% conf
frontendmedium✓
IF

afterprint-safety-timeout

THEN

afterprint unreliable on Safari iOS; 30s setTimeout fallback + idempotent cleanup guard

quality · tier 2 · 80% conf

Want these patterns applied to your site?

Connect your site and get personalized rules ranked for your tech stack and site type.

Scan your site free →