Synthèse automatique
Vérifie l'état des feature flags dans React, compare les canaux de distribution et exporte les données en CSV.
Points forts
- Vision globale des flags sur tous les canaux en une commande
- Comparaison précise entre deux canaux avec --diff
- Regroupement par statut de nettoyage pour prioriser les tâches
- Export CSV facilitant l'analyse externe
Limites
- Nécessite une copie locale du dépôt React configurée
- Ne couvre pas les flags dynamiques ou côté serveur
- Les flags __VARIANT__ peuvent être ambigus sans contexte
Quand vous devez comprendre pourquoi une fonctionnalité diffère entre canaux ou préparer un nettoyage de flags.
Si vous travaillez sur un projet non React ou sans accès à son infrastructure de flags.
Analyse de sécurité
SûrThe skill instructs running a local 'yarn flags' command to query feature flag states, with no destructive, exfiltrating, or network-dependent actions. It poses no meaningful execution risk.
Aucun point d'attention détecté
Comment cette analyse est faiteExemples
Show all React feature flags across every channel (www, canary, next, experimental, rn, etc.) and explain the legend.Compare React feature flags between the canary and experimental channels using --diff and highlight the meaningful differences.List all React flags grouped by cleanup status and output as CSV.name: flags description: Use when you need to check feature flag states, compare channels, or debug why a feature behaves differently across release channels.
Feature Flags
Arguments:
- $ARGUMENTS: Optional flags
Options
| Option | Purpose |
| -------------------- | ------------------------------------ |
| (none) | Show all flags across all channels |
| --diff <ch1> <ch2> | Compare flags between channels |
| --cleanup | Show flags grouped by cleanup status |
| --csv | Output in CSV format |
Channels
www,www-modern- Meta internalcanary,next,experimental- OSS channelsrn,rn-fb,rn-next- React Native
Legend
✅ enabled, ❌ disabled, 🧪 __VARIANT__, 📊 profiling-only
Instructions
- Run
yarn flags $ARGUMENTS - Explain the output to the user
- For --diff, highlight meaningful differences
Common Mistakes
- Forgetting
__VARIANT__flags - These are tested both ways in www; check both variants - Comparing wrong channels - Use
--diffto see exact differences
Du fichier au premier essai
Le téléchargement contient exactement le contenu affiché sur cette fiche. Cette copie peut différer de la dernière version du dépôt source.
Consulter la source et ses fichiers annexesCe téléchargement contient uniquement SKILL.md. Les scripts, références, modèles et dépendances éventuels ne sont pas inclus. Récupérez les fichiers nécessaires depuis la source en conservant leur arborescence avant de poursuivre.
1. Télécharger le fichier
Télécharger SKILL.mdDepuis la racine d’un projet de test, enregistrez le fichier sous .skill-downloads/react-feature-flags-checker-mm8o52h0/SKILL.md, ou utilisez la commande suivante. Ce dossier sert à examiner la skill avant son installation.
Commande pour macOS/Linux ou WSL : un shell POSIX et curl sont nécessaires. Sous Windows sans WSL, utilisez le bouton de téléchargement et créez le dossier manuellement.
mkdir -p '.skill-downloads/react-feature-flags-checker-mm8o52h0' && curl --fail --show-error --location 'https://skills-guides.com/api/skills/react-feature-flags-checker-mm8o52h0/download' --output '.skill-downloads/react-feature-flags-checker-mm8o52h0/SKILL.md.part' && mv '.skill-downloads/react-feature-flags-checker-mm8o52h0/SKILL.md.part' '.skill-downloads/react-feature-flags-checker-mm8o52h0/SKILL.md'2. Vérifier les prérequis
Lisez SKILL.md avant de l’utiliser. Si le fichier cite des scripts ou services externes, examinez-les et préparez les accès nécessaires dans votre environnement de test.
Aucune section de prérequis reconnue dans ce fichier. Cela ne signifie pas qu’il est autonome : les bibliothèques, outils et accès peuvent être cités ailleurs dans le contenu ou dans le dépôt source.
Les plateformes de la fiche sont des indications du catalogue. Les chemins ci-dessous suivent la documentation des outils ; ils ne prouvent pas que cette skill y a été exécutée. Aucune version minimale de ces outils n’est attestée pour cette fiche.
3. Charger la skill
Le fichier ne fournit pas un en-tête name/description exploitable pour cette procédure native. Le téléchargement reste disponible pour lecture ; utilisez le mode manuel ci-dessous.
Mode manuel ou autre outil : joignez SKILL.md à une conversation, ou ouvrez-le dans un agent capable de lire les fichiers. Ajoutez les ressources annexes nécessaires. Il n’existe pas de dossier universel reconnu par tous les outils.
4. Faire un premier essai
Utilisez une entrée courte et fictive : un endpoint d’API, un petit document ou un brief d’interface. Dans une nouvelle conversation, joignez le fichier ou donnez son chemin à l’agent, puis adaptez cette demande :
Lis .skill-downloads/react-feature-flags-checker-mm8o52h0/SKILL.md et applique ses instructions à cet exemple : [décrire une entrée de test]. Indique les fichiers, dépendances ou accès qui manquent. Produis le résultat demandé par la skill sans inventer de données ni exécuter de script non examiné.Résultat attendu : une sortie correspondant aux instructions de la skill, ou une liste précise des prérequis manquants. Une simple confirmation de lecture ne valide pas le premier usage. Si une ressource externe est indisponible, ce parcours reste à tester.
Bonnes pratiques React Hook Form
Developpement
Maîtrisez React Hook Form : évitez les anti-patterns, gérez les abonnements, et traitez correctement reset, dirty state et entrées contrôlées.
Migration Emotion vers Mantine
Developpement
Migrer les styled-components Emotion vers des composants Mantine avec style props et modules CSS. Pour convertir .styled.tsx ou supprimer les imports @emotion.
Détecteur de dérive de périmètre
Developpement
Analyse les diffs git par rapport à une intention pour détecter la dérive de périmètre, fichiers non liés et PR trop larges, puis suggère de garder, diviser ou justifier.