Plugins

4 plugins

Optimize Web Performance

Install this pack to optimize web performance by measuring and fixing Core Web Vitals.

9 skills · plugin

Web Performance Audit and Optimize

Measure performance, identify bottlenecks, and apply fixes to improve Core Web Vitals.

9 skills · plugin

Web Performance Audit and Fix

Installs a pipeline to audit Core Web Vitals, analyze performance, and debug issues using DevTools.

10 skills · plugin

SEO Audit to Optimization

Audit a website for SEO issues, analyze on-page elements, and implement fixes to improve organic performance.

9 skills · plugin

Results for “web-performance”

40 skills

Designs and iterates production-grade frontend interfaces, covering UX review, visual hierarchy, accessibility, performance, responsive behavior, theming, typography, layout, color, motion, and design systems. Handles websites, landing pages, dashboards, product UI, components, forms, and more.

GSAP animation for HTML/React — core tweens, timelines, ScrollTrigger, React useGSAP hooks, performance best practices. Use when building animated web pages, scroll-driven effects, React/Next.js animations, or any HTML/CSS animation beyond simple transitions. Pairs with claude-design / guizang-ppt / html-to-video.

Audit images across AEM Edge Delivery Services pages for SEO and performance, checking alt text quality, dimensions, lazy loading, fetch priority, file naming, and decorative image handling, and generate per-page reports with fix instructions.

Mengto Liquid Metal Border

Add and tune animated liquid-metal WebGL borders with the React `metal-fx` package. Use when buttons, icon controls, chips, tabs, cards, or selected surfaces need a metallic active, selected, hover, focus, or premium border; when implementing the MetalFx component from metal.jakubantalik.com; or when troubleshooting its presets, themes, strength, glow, reflections, sizing, radius, animation, accessibility, SSR, or performance.