Créer une checklist interactive avec l’IA : tester et partager le HTML

Ouvrez l’assistant créatif et demandez une page HTML interactive, plutôt qu’une image de liste. Notre exemple prépare la publication d’un carrousel social.

Écrivez des actions observables : « Ouvrir les cinq fichiers exportés » est plus précis que « Vérifier la qualité ». N’insérez pas de données personnelles dans une page destinée au partage. Cet exercice garde l’état uniquement pendant l’ouverture de la page, sans synchronisation de compte ni progression collective.

Le total doit toujours inclure les six actions, y compris celles masquées par un filtre. « Voir les tâches restantes » change la visibilité, pas l’état. « Réinitialiser » décoche tout. Ces règles permettent de tester le fonctionnement réel.

Crée une checklist HTML interactive intitulée Vérification du carrousel.
Utilise trois groupes de deux cases exactement :
Source : Confirmer le droit de réutilisation ; Vérifier le texte final.
Fichiers : Ouvrir les cinq exports ; Contrôler l’ordre.
Publication : Prévisualiser le recadrage ; Ajouter le lien source.
Affiche le nombre terminé/6 et une barre de progression. Ajoute Voir les tâches restantes et Réinitialiser. Le filtre ne modifie pas le total ; la réinitialisation décoche les six cases et réaffiche toute la liste.
Prévois des libellés clairs, des commandes au clavier, un focus visible et un contraste lisible. Adapte la page à un téléphone étroit sans défilement horizontal.
Utilise un fond crème, des touches violettes et une mise en page simple, sans images décoratives.
Garde l’état seulement en mémoire. Affiche : La progression est réinitialisée au rechargement.
N’utilise ni stockage du navigateur, ni formulaires, ni requêtes externes, ni connexion, ni paiement, ni liens de téléchargement internes, ni bibliothèques externes.
Crée le document HTML complet comme artefact interactif dans cette conversation, pas seulement du code ou une capture.

Attendez la carte et manipulez l’aperçu. L’enregistrement ne prouve pas que les commandes fonctionnent. En cas d’erreur, transmettez le message et l’action déclenchante à l’assistant.

Cochez deux actions : le compteur doit afficher 2/6. Filtrez les tâches restantes : quatre sont visibles, mais le compteur reste à 2/6. Revenez à la liste complète, décochez une action, puis réinitialisez et vérifiez 0/6. Testez aussi le rechargement, Tab et Espace.

Corrige la checklist existante. Lorsque deux actions sont terminées, le filtre des tâches restantes change à tort le dénominateur en 4.
Garde les six actions d’origine comme dénominateur, quel que soit le filtre. Conserve les éléments terminés dans l’état même lorsqu’ils sont masqués.
Préserve les textes, la mise en page et l’état en mémoire réinitialisé au rechargement. Retourne la page interactive corrigée.

Répétez la séquence en échec sur la nouvelle version et vérifiez un écran étroit. Le prompt définit un objectif de validation, pas une garantie de réussite au premier essai.

Téléchargez le HTML depuis la carte et ouvrez le fichier pour le vérifier. Cet exemple ne demande aucune dépendance externe ; d’autres pages utilisant des bibliothèques en ligne peuvent nécessiter Internet.

Pour d’autres lecteurs, contrôlez le contenu puis utilisez Partager la page. Le partage passe par une vérification et crée un instantané, pas une checklist collaborative en direct. La durée par défaut actuelle est de sept jours : consultez l’expiration affichée et révoquez le lien lorsqu’il devient inutile. Après une modification, vérifiez et partagez à nouveau ; ne supposez pas qu’un ancien instantané se met à jour.

Toute personne possédant le lien peut consulter la page jusqu’à expiration ou révocation. L’exclusion des moteurs n’est pas un contrôle d’accès. Les pages partagées ne permettent ni stockage du navigateur, ni soumission de formulaire, ni appels à des services externes : ce guide ne promet pas de progression permanente, de collecte d’e-mails ou de backend.

Un collègue verra-t-il mes cases cochées ? Non. Chaque page ouverte possède son propre état, effacé au rechargement. Pour les responsables, l’historique ou la collaboration, utilisez un outil de tâches adapté.

Est-ce un site public permanent ? Un lien temporaire n’est ni un site permanent ni une page SEO. Les artefacts partagés sont exclus de l’indexation.

Le téléchargement conserve-t-il la liste ? Il conserve la page et son code, mais cet exemple ne sauvegarde pas les coches. Testez le fichier séparément. Création et révisions suivent les tarifs existants.

Choisissez une infographie pour une vue statique ou cinq cartes sociales pour une lecture séquentielle. Les trois parcours commencent avec l’assistant créatif.