web-performance

Solid

Core Web Vitals optimization, Lighthouse audits, and performance monitoring.

AI & Automation 1,160 stars 71 forks Updated today MIT

Install

View on GitHub

Quality Score: 94/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
33
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Web Performance Skill Expert assistance for web performance optimization. ## Capabilities - Optimize Core Web Vitals - Run Lighthouse audits - Implement performance monitoring - Reduce bundle size - Optimize loading strategies ## Core Web Vitals ```typescript // Measure CWV import { onLCP, onFID, onCLS } from 'web-vitals'; onLCP(console.log); onFID(console.log); onCLS(console.log); // LCP Optimization // - Preload critical resources // - Optimize images // - Use SSR/SSG // CLS Prevention // - Reserve space for images // - Use aspect-ratio // - Avoid layout shifts ``` ## Target Processes - performance-optimization - lighthouse-audit - cwv-improvement

Details

Author
a5c-ai
Repository
a5c-ai/babysitter
Created
4 months ago
Last Updated
today
Language
JavaScript
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Solid

web-performance-audit

Web performance audits with Core Web Vitals, bottleneck identification, optimization recommendations. Use for page load times, performance reviews, UX optimization, or encountering LCP, FID, CLS issues, resource blocking, render delays.

162 Updated 2 weeks ago
secondsky
Web & Frontend Listed

performance-and-web-vitals

Audit UI performance with Lighthouse and fix Core Web Vitals — LCP, CLS, INP. Fast UI is good UX. Use when optimising page load, fixing layout shift, reducing input delay, improving Lighthouse scores, or reviewing images, fonts, and render-blocking resources.

13 Updated yesterday
dembrandt
Web & Frontend Listed

web-performance

Use this skill whenever the user is improving Core Web Vitals or page load performance, or mentions slow pages, PageSpeed Insights / Lighthouse failures, LCP/CLS/INP scores, bundle size, image/font optimization, or third-party script impact. Covers Core Web Vitals, image and font optimization, JavaScript bundle size, CSS build size, CDN caching, third-party JavaScript impact, and measurement tools. Skip for backend latency tuning, database query optimization, or CI build speed.

20 Updated 1 weeks ago
ziniman
AI & Automation Solid

lighthouse

Performance and accessibility auditing using Google Lighthouse. Measure Core Web Vitals, accessibility scores, SEO, and best practices. Generate reports and track performance budgets.

1,160 Updated today
a5c-ai
Web & Frontend Solid

core-web-vitals

When the user wants to optimize Core Web Vitals, fix LCP, INP, or CLS issues. Also use when the user mentions "Core Web Vitals," "CWV," "LCP," "INP," "CLS," "FID," "page speed," "page performance," "Largest Contentful Paint," "Interaction to Next Paint," "Cumulative Layout Shift," or "Page Experience." For GSC CWV, use google-search-console.

562 Updated today
kostja94