OpenSkillIndex← back to search
claude-codedevelopment

Babysitter web-performance

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

install
source · Clone the upstream repo
git clone https://github.com/a5c-ai/babysitter
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/a5c-ai/babysitter "$T" && mkdir -p ~/.claude/skills && cp -r "$T/library/specializations/web-development/skills/web-performance" ~/.claude/skills/a5c-ai-babysitter-web-performance && rm -rf "$T"
manifest: library/specializations/web-development/skills/web-performance/SKILL.md
tags
#core-web-vitals#lighthouse-audit#performance-monitoring#loading-strategies#bundle-size
source 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

// 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