Code Review & Refactoring

Score git diffs for risk, suggest reviewers and classify each change

Refine code with reviews, added tests and spec checks in the final SPARC phases

Review code for security, performance and maintainability problems

Automate Codacy tasks with the Rube MCP toolkit from Composio

Search code across repositories with Sourcegraph through Composio Rube MCP

Replace heavy animated GIFs with video to cut page weight and load time

Serve AVIF images with fallbacks to cut image bytes on modern browsers

Make pages eligible for the back forward cache so back navigation is instant

Run browser based performance audits with Lighthouse, DevTools or field data

Split large SPA bundles so code not needed on first view loads later

Prioritize above the fold images so the main content paints sooner

Shorten critical request chains so the page renders before extra files load

Inline the CSS needed for first paint so pages render faster on first load

Shrink CSS file size by removing unused rules and dead styles

Minify CSS files in your build to cut bytes sent to every visitor

Load non-critical CSS without blocking the first render of the page

Reduce cumulative layout shift so content does not jump while loading

Debounce and throttle event handlers so scroll and input listeners stay cheap

Cut costly DOM reads and writes that trigger layout thrash in scripts

Reduce DOM node count and nesting so pages render and update faster

Remove duplicate JavaScript libraries that load the same code twice

Use fetchpriority to speed up the largest image and critical resources

Speed up first contentful paint so visitors see content sooner

Load web fonts efficiently to avoid invisible or shifting text

Audit a frontend codebase against the full Front-End Checklist in one pass

Review frontend code and live pages against 380 plus checklist rules with a CLI

Optimize Google Tag Manager loading so tags do not slow page speed

Add preload, prefetch and dns-prefetch hints for critical resources

Cut the number of HTTP requests a page makes on load

Compress images without visible quality loss to cut download size

Find oversized image files and tell compression issues from dimension issues

Optimize all web images for size, format and delivery across the site

Load heavy features only after user interaction to speed up first input

Load offscreen modules when they scroll into view instead of on page load

Make page interactions respond faster by reducing work on each input

Lint JavaScript for bugs and style problems before code ships

Minify all JavaScript files in the build to cut bytes on every page

Shrink JavaScript bundles by splitting and dropping heavy dependencies

Speed up largest contentful paint so the main content appears quickly

Turn off lazy loading for above the fold images so they load immediately

Lazy load offscreen images and iframes to cut initial page weight

Stop shipping legacy JavaScript polyfills to modern browsers

Virtualize long lists and tables only when DOM cost is the real bottleneck

Serve modern image formats like WebP and AVIF to cut image bytes

Remove explicit any types in TypeScript so type errors stay visible

Enable the TypeScript noUncheckedIndexedAccess flag to catch undefined array reads

Lazy load offscreen images, but only where the image really sits below the fold

Optimize images for faster loading without losing visible quality

Keep page load time under 3 seconds and check it with real measurements