LCP & Image Performance Optimizer

// .claude/workflows/lcp-optimizer.js
import { orchestrator, agent } from 'claude';

export async function run(context) {
  // Step 1: Run lighthouse audit to find LCP elements
  const auditor = await agent.create({
    instructions: 'Analyze HTML to locate the Largest Contentful Paint element and measure current responsive sizing.'
  });
  const audit = await auditor.run();
  
  // Step 2: Implement optimizations
  const optimizer = await agent.create({
    instructions: `Optimize LCP: Set fetchpriority="high", convert target images to WebP, and add dimensions. Audit details: ${audit}`
  });
  await optimizer.run();
}