Skills Guide

Vérificateur de stabilité démo

VérifiéSûr

Priorise la stabilité visuelle sur la perfection. Ne signale que les problèmes qui pourraient causer une gêne lors d'une démo en direct. Idéal pour préparer des démos, la revue finale avant déploiement ou la vérification de chemins critiques de démo.

Spar Skills Guide Bot
TestingDébutant
4002/06/2026
Claude CodeCursorWindsurf
#demo-stability#visual-testing#layout-review#pre-deploy

Recommandé pour

Claude CodeCursorGénération de testsWindsurfIngénieur QA / test

Notre avis

Analyse les problèmes visuels bloquants pour éviter toute gêne lors d'une démonstration en direct, en ignorant les retouches cosmétiques mineures.

Points forts

  • Se concentre uniquement sur les défauts qui peuvent gâcher une démo
  • Couvre plusieurs tailles d'écran (375px à 1440px)
  • Ignore les améliorations subjectives et les cas marginaux

Limites

  • Ne vérifie que la stabilité visuelle, pas les bugs fonctionnels
  • Peut manquer des problèmes de performance ou d'accessibilité
  • Nécessite une configuration manuelle des viewports
Quand l'utiliser

Utilisez-le avant une démo en direct ou lors d'une revue finale avant déploiement.

Quand l'éviter

Évitez-le si vous avez besoin d'une vérification exhaustive de l'interface utilisateur incluant le polissage visuel.

Analyse de sécurité

Sûr
Score qualité85/100

The skill provides non-executable guidance for reviewing demo visual stability; no dangerous or unexpected operations are described.

Aucun point d'attention détecté

Exemples

Check demo stability at common viewports
Analyze the app's layout at 375px, 768px, 1024px, and 1440px for any content cut off, layout collapse, or broken interactions that could embarrass during a live demo. Ignore minor alignment or spacing issues.
Verify demo-critical paths
Review the main user flow of this app (login → dashboard → key action) for any visual breakage or missing fallbacks that would be obvious in a demo.
Pre-deploy stability review
Run a stability check on the current build. Flag only issues that cause layout overflow, unreadable text, or broken interactions at any viewport. Skip cosmetic suggestions.

name: demo-stability-checker description: Prioritize visual stability over perfection. Flag only issues that could cause embarrassment during a live demo. Use when preparing for demos, final pre-deploy review, or verifying demo-critical paths.

Demo Stability Checker

Instructions

  1. Flag only demo-breaking issues:

    • Layout collapse or overflow at 375px, 768px, 1024px, 1440px
    • Content cut off or unreadable
    • Broken interactions or missing fallbacks

  2. Ignore:

    • Cosmetic tweaks (minor alignment, spacing)
    • Subjective improvements
    • Edge cases unlikely in demo flow

  3. Priority: Visual stability > perfection.

Skills similaires

TDD Red-Green-Refactor

Testing

Skill qui guide Claude a travers le cycle TDD complet.

Claude CodeWindsurfintermediate
650
189
2,063
Admin

Audit d'Accessibilité Web

Testing

Réalise un audit d'accessibilité web complet selon les normes WCAG.

claudeCursorWindsurfintermediate
129
37
441
Admin

Générateur de Tests UAT

Testing

Génère des cas de test d'acceptation utilisateur structurés et complets.

claudechatgptintermediate
87
24
360
Admin