Optimiza las métricas de Core Web Vitals (LCP, INP, CLS) para mejorar la experiencia de página y el ranking en buscadores. Úsalo cuando te pidan 'mejorar Core Web Vitals', 'arreglar LCP', 'reducir CLS', 'optimizar INP', 'optimización de experiencia de página' o 'arreglar cambios de diseño'.
Esta habilidad está diseñada para ayudar a los desarrolladores a optimizar las métricas de Core Web Vitals: Largest Contentful Paint (LCP), Interaction to Next Paint (INP) y Cumulative Layout Shift (CLS). Estas métricas son cruciales para el rendimiento web, la experiencia del usuario y el ranking en motores de búsqueda como Google. La habilidad ofrece guías prácticas para diagnosticar y solucionar problemas comunes, como imágenes no optimizadas que afectan LCP, scripts de terceros que bloquean la interactividad midiendo INP, o animaciones y cargas asíncronas que provocan cambios de diseño medibles por CLS. Es compatible con plataformas como Claude Code, Cursor y Codex, y su documentación proporciona estrategias concretas para implementar mejoras medibles en sitios web y aplicaciones, incluyendo ejemplos de código y configuraciones recomendadas.
npx skills add https://github.com/addyosmani/web-quality-skills/tree/main/skills/core-web-vitalsInstalled? Explore more Programación y desarrollo skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Optimiza las métricas de Core Web Vitals (LCP, INP, CLS) para mejorar la experiencia de página y el ranking en buscadores. Úsalo cuando te pidan "mejorar Core Web Vitals", "arreglar LCP", "reducir CLS", "optimizar INP", "optimización de experiencia de página" o "arreglar cambios de diseño".
This repo contains 5 individual skills — each has its own dedicated page.
Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".
Apply modern web development best practices for security, compatibility, and code quality. Use when asked to "apply best practices", "security audit", "modernize code", "code quality review", or "check for vulnerabilities".
Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix slow loading", "improve page speed", or "performance audit".
Optimize for search engine visibility and ranking. Use when asked to "improve SEO", "optimize for search", "fix meta tags", "add structured data", "sitemap optimization", or "search engine optimization".
Comprehensive web quality audit covering performance, accessibility, SEO, and best practices. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or "optimize my website".
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.