Web Performance
Performance frontend : Web Vitals, optimisation, monitoring cote client.
| # | Skill | Source | Description | ||
|---|---|---|---|---|---|
| 1 | responsive-design | wshobson/agents | Créer des interfaces responsives adaptatives avec CSS Grid, Flexbox et container queries. | 35 431 | |
| 2 | screen-reader-testing | wshobson/agents | Tester l'accessibilité web avec les lecteurs d'écran VoiceOver, NVDA et JAWS. | 35 431 | |
| 3 | wcag-audit-patterns | wshobson/agents | Auditer et corriger les violations WCAG 2.2 pour garantir l'accessibilité web. | 35 431 | |
| 4 | next-intl-add-language | github/awesome-copilot | Ajouter une nouvelle langue à un projet Next.js avec next-intl. | 33 044 | |
| 5 | optimizing-streamlit-performance | streamlit/agent-skills | Optimiser les performances Streamlit via le caching et les fragments d'interface. | 189 | |
| 6 | using-streamlit-session-state | streamlit/agent-skills | Persister des variables entre reruns Streamlit avec st.session_state. | 189 | |
| 7 | upgrade-browser-sdk-v7 | datadog-labs/agent-skills | Migrer le SDK Browser Datadog de la version 6 à la version 7. | 110 | |
| 8 | fixing-motion-performance | elophanto/elophanto | Auditer et corriger les problèmes de performance des animations UI. | 72 | |
| 9 | performance-benchmarking | elophanto/elophanto | Tester, analyser et optimiser les performances système avec métriques et recommandations ciblées. | 72 | |
| 10 | accessibility-audit | webflow/webflow-skills | Auditer l'accessibilité WCAG 2.1 de pages Webflow et corriger automatiquement les problèmes détectés. | 67 | |
| 11 | error-tracking-nuxt | posthog/skills | Intégrer le suivi d'erreurs PostHog dans une application Nuxt. | 37 | |
| 12 | integration-angular | posthog/skills | Intégrer PostHog Analytics dans une application Angular avec bonnes pratiques. | 37 | |
| 13 | integration-astro-hybrid | posthog/skills | Intégrer PostHog Analytics dans une application Astro en mode hybride. | 37 | |
| 14 | integration-astro-static | posthog/skills | Intégrer PostHog Analytics dans une application Astro statique. | 37 | |
| 15 | integration-nextjs-app-router | posthog/skills | Intégrer PostHog Analytics dans une application Next.js App Router. | 37 | |
| 16 | integration-sveltekit | posthog/skills | Intégrer PostHog Analytics dans une application SvelteKit avec suivi des utilisateurs. | 37 |
À 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.