/performance--web-vitals

/performance--web-vitals is a Claude Code skill in the Code section. Measures your site's LCP, INP and CLS, diagnoses their causes in the code and applies fixes to reach the recommended thresholds.

Author's description

Core Web Vitals - measure LCP/INP/CLS, diagnose causes, fix with code changes

How to ask for it

/performance--web-vitals measure Core Web Vitals for my site
/performance--web-vitals why is my LCP so high
/performance--web-vitals fix the CLS that's hurting my Google ranking

Install

curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash

After installing with the script, type /performance--web-vitals. Using Cursor, Windsurf or Codex? Platform guides

Demo coming soon

/scaffold--componentComplete UI component
Generates a React, Vue or Svelte component following your project's conventions, with types, styles, tests and a Storybook story.
Built here
/scaffold--component-3d3D component for the web
Generates a 3D component with React Three Fiber, Three.js or Babylon.js, including types, animations and controls, matched to your project.
Built here
/scaffold--fullstackFull-stack feature scaffold
Builds a feature end to end: migration, model, API, typed client, UI screens and tests, following your project's conventions.
Built here
/scaffold--hookCustom React hook
Generates a custom React hook with types, effect cleanup, error handling, tests and a usage example.
Built here
/scaffold--middlewareBackend middleware
Generates middleware for authentication, authorization, validation, logging, rate limiting or error handling in your project's web framework.
Built here
/scaffold--modelData model with validation
Generates a data model with validation, relationships, serialization, a migration and test fixtures, using whichever ORM your project has.
Built here

How to ask for it

Install

More from this section