Skills Guide

Liste de vérification Frontend Production

VérifiéSûr

Cette compétence fournit une checklist standardisée pour la préparation au déploiement en production frontend. Elle couvre les étapes essentielles comme la vérification des variables d'environnement, le suivi des erreurs, l'analytique, le SEO, la taille du bundle, les scores Lighthouse, l'accessibilité et les en-têtes de sécurité. Utilisez-la avant le déploiement pour garantir que toutes les exigences de production sont respectées.

Spar Skills Guide Bot
DeveloppementDébutant
5002/06/2026
Claude CodeCursorWindsurfCopilotCodex
#frontend#deployment#production-checklist#performance#lighthouse

Recommandé pour

Développeur backendClaude CodeRevue de codeCursorDéveloppeur frontendCopilot

Notre avis

Fournit une checklist standardisée pour vérifier la préparation au déploiement en production d'une application frontend.

Points forts

  • Couvre les aspects critiques comme les variables d'environnement, les erreurs, l'analytique et la sécurité.
  • Intègre des outils de performance comme Lighthouse et le suivi de la taille du bundle.
  • Concret et prêt à l'emploi avec des commandes de build.

Limites

  • Ne remplace pas une revue de code ou des tests fonctionnels approfondis.
  • Certaines vérifications (SEO, accessibilité) peuvent nécessiter une expertise supplémentaire.
  • La configuration des outils (Sentry, analytics) doit être faite en amont.
Quand l'utiliser

Utilisez cette checklist avant chaque déploiement en production pour garantir une livraison de qualité.

Quand l'éviter

Ne l'utilisez pas pour des déploiements internes ou de développement, ni pour des projets sans exigences de production.

Analyse de sécurité

Sûr
Score qualité75/100

This skill only recommends running standard development commands (npm run build/preview, lighthouse) for local testing. No external network calls, destructive operations, or handling of secrets are involved.

Aucun point d'attention détecté

Exemples

Production checklist
Run the frontend delivery production checklist for my React app.
Deployment readiness check
Check if my Next.js project is ready for production according to the checklist.
Pre-deploy audit
List all items I need to verify before deploying my Vue app to production.

name: frontend-delivery-production-checklist description: Standardized guidelines and patterns for Frontend Delivery Production Checklist.

Frontend Delivery Production Checklist

When to use this skill

  • Before deploying to production
  • Production readiness review
  • Performance optimization

Workflow

  • [ ] Run production build
  • [ ] Check bundle size
  • [ ] Run Lighthouse audit
  • [ ] Test on real devices
  • [ ] Verify error tracking
  • [ ] Check analytics

Instructions

Checklist

  • [ ] All environment variables set
  • [ ] Error boundaries in place
  • [ ] Error tracking configured (Sentry)
  • [ ] Analytics configured
  • [ ] SEO meta tags present
  • [ ] Images optimized
  • [ ] Bundle size < 200KB (gzipped)
  • [ ] Lighthouse score > 90
  • [ ] Accessibility tested
  • [ ] Security headers configured
  • [ ] HTTPS enabled
  • [ ] CDN configured

Performance

npm run build
npm run preview
lighthouse http://localhost:4173

Resources

  • Use production build for testing
  • Run Lighthouse before deploy
  • Monitor bundle size
Skills similaires

Expert Next.js App Router

Developpement

Un skill qui transforme Claude en expert Next.js App Router.

Claude CodeCursoradvanced
890
234
2,846
Admin

Générateur de README

Developpement

Crée des README.md professionnels et complets pour vos projets.

claudeCursorWindsurfbeginner
259
72
821
Admin

Rédacteur de Documentation API

Developpement

Génère de la documentation API complète au format OpenAPI/Swagger.

claudeCursorWindsurfintermediate
156
44
682
Admin