Web Performance
Performance frontend : Web Vitals, optimisation, monitoring cote client.
| # | Skill | Source | Description | ||
|---|---|---|---|---|---|
| 1 | vercel-react-best-practices | cherryhq/cherry-studio | Optimiser les performances React et Next.js selon 62 règles priorisées par impact. | 47 422 | |
| 2 | responsive-design | wshobson/agents | Créer des interfaces responsives adaptatives avec CSS Grid, Flexbox et container queries. | 36 837 | |
| 3 | stitch::extract-static-html | google-labs-code/stitch-skills | Extraire une capture HTML statique et autonome d'une application web locale. | 6 039 | |
| 4 | web-perf | cloudflare/skills | Auditer les performances web d'une page via Chrome DevTools et Core Web Vitals. | 1 795 | |
| 5 | core-web-vitals | mkurman/zorai | Optimiser les métriques LCP et INP pour améliorer les performances web. | 312 | |
| 6 | web-quality-audit | mkurman/zorai | Auditer une page web sur la performance, l'accessibilité, le SEO et les bonnes pratiques. | 312 | |
| 7 | pixijs-custom-rendering | pixijs/pixijs-skills | Créer des shaders GLSL/WGSL personnalisés compatibles WebGL et WebGPU avec PixiJS. | 218 | |
| 8 | pixijs-performance | pixijs/pixijs-skills | Optimiser les performances PixiJS via destruction, pooling, cache et culling. | 218 | |
| 9 | optimizing-streamlit-performance | streamlit/agent-skills | Optimiser les performances Streamlit via le caching et les fragments d'interface. | 206 | |
| 10 | upgrade-browser-sdk-v7 | datadog-labs/agent-skills | Migrer le SDK Browser Datadog de la version 6 à la version 7. | 130 | |
| 11 | accessibility-audit | webflow/webflow-skills | Auditer l'accessibilité WCAG 2.1 de pages Webflow et corriger automatiquement les problèmes détectés. | 89 | |
| 12 | fixing-motion-performance | elophanto/elophanto | Auditer et corriger les problèmes de performance des animations UI. | 78 | |
| 13 | performance-benchmarking | elophanto/elophanto | Tester, analyser et optimiser les performances système avec métriques et recommandations ciblées. | 78 | |
| 14 | mapbox-web-performance-patterns | mapbox/mapbox-agent-skills | Optimiser les performances des applications Mapbox en éliminant chargements séquentiels et surcharges inutiles. | 65 |
À 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.