Initial commit

skills/report-template-performance.md

@@ -0,0 +1,48 @@
+---
+name: reporting-performance-analysis
+description: Standardized template for performance analysis reports with Lighthouse metrics. Use when generating performance analysis outputs.
+---
+
+# Analyse des performances : [Nom du composant/de la page]
+
+## Résumé
+
+**Statut** : ✅ OPTIMAL | ⚠️ A BESOIN D'AMÉLIORATION | ❌ PROBLÈMES CRITIQUES TROUVÉS
+**Score Lighthouse** : [Valeur]/100
+**LCP** : [Valeur]s (Cible : < 2.5s) [✅|⚠️|❌]
+**CLS** : [Valeur] (Cible : < 0.1) [✅|⚠️|❌]
+**TBT** : [Valeur]ms (Cible : < 200ms) [✅|⚠️|❌]
+
+---
+
+## Analyse des Core Web Vitals
+
+### Largest Contentful Paint (LCP) : [Valeur]s
+
+- **Élément LCP** : [Description de l'élément]
+- **Opportunités d'optimisation** : [Recommandation 1], [Recommandation 2]
+
+### Cumulative Layout Shift (CLS) : [Valeur]
+
+- **Éléments problématiques** : [Lister les éléments causant un décalage]
+- **Correctifs suggérés** : [Suggestions pour réserver de l'espace ou optimiser le chargement]
+
+### Total Blocking Time (TBT) : [Valeur]ms
+
+- **Tâches longues identifiées** : [Lister les scripts ou fonctions bloquantes]
+- **Stratégies d'optimisation** : [Suggestions pour diviser les tâches ou différer le code]
+
+---
+
+## Goulots d'étranglement des performances
+
+### Critique (À corriger immédiatement)
+
+1. **[Titre du problème]**
+   - **Impact sur la métrique** : [Métrique spécifique affectée et de combien]
+   - **Cause racine** : [Explication technique]
+   - **Solution suggérée** : [Description du correctif]
+
+### Important (À corriger bientôt)
+
+[Même structure que Critique]