Web Performance
Performance frontend : Web Vitals, optimisation, monitoring cote client.
| # | Skill | Source | Description | Maj | |
|---|---|---|---|---|---|
| 1 | signals-scout-web-vitals | posthog/skills | Identifier et signaler les pages web sous-performantes selon les seuils Core Web Vitals. | 74 | 5j |
| 2 | pixijs-performance | pixijs/pixijs-skills | Optimiser les performances PixiJS via destruction, pooling, cache et culling. | 357 | 16j |
| 3 | web-perf | cloudflare/skills | Auditer les performances web d'une page via Chrome DevTools et Core Web Vitals. | 3 092 | 1mo |
| 4 | rp-qa-gap-loop | wix/skills | Piloter la boucle QA visuelle, correction de gaps et finalisation de migration web. | 34 | 1mo |
| 5 | mapbox-web-performance-patterns | mapbox/mapbox-agent-skills | Optimiser les performances des applications Mapbox en éliminant chargements séquentiels et surcharges inutiles. | 82 | 2mo |
| 6 | stitch::extract-static-html | google-labs-code/stitch-skills | Extraire une capture HTML statique et autonome d'une application web locale. | 8 539 | 2mo |
| 7 | responsive-design | wshobson/agents | Créer des interfaces responsives adaptatives avec CSS Grid, Flexbox et container queries. | 40 989 | 4mo |
| 8 | core-web-vitals | mkurman/zorai | Optimiser les métriques LCP et INP pour améliorer les performances web. | 324 | 5mo |
| 9 | web-quality-audit | mkurman/zorai | Auditer une page web sur la performance, l'accessibilité, le SEO et les bonnes pratiques. | 324 | 5mo |
| 10 | fixing-motion-performance | elophanto/elophanto | Auditer et corriger les problèmes de performance des animations UI. | 106 | 5mo |
| 11 | performance-benchmarking | elophanto/elophanto | Tester, analyser et optimiser les performances système avec métriques et recommandations ciblées. | 106 | 5mo |
| 12 | vercel-react-best-practices | cherryhq/cherry-studio | Optimiser les performances React et Next.js selon 62 règles priorisées par impact. | 52 722 | 7mo |
À propos de cette sélection
Quand un agent doit auditer une page sans ralentir le pipeline de déploiement, les skills web performance déterminent concrètement la qualité de ce qu'il remonte. La différence entre un bot qui produit des métriques exploitables et un qui colle un screenshot dans un ticket tient souvent à l'outillage choisi. Cette sélection s'adresse aux devs frontend et fullstack TypeScript qui instrumentent du monitoring côté client, traquent des régressions sur les Core Web Vitals ou automatisent des audits d'accessibilité avant merge. Les cas couverts sont concrets : brancher un SDK Datadog Labs après une montée de version majeure, configurer la session state Streamlit pour éviter les recalculs inutiles côté serveur. L'outillage reste fragmenté selon les stacks, mais un socle solide couvre déjà les scénarios les plus courants en environnement Next.js, Nuxt et Streamlit.