Argent Metro Debugger
Déboguer le runtime JS via CDP — React Native via Metro, Chromium via la même surface
- Quoi
- Déboguer le runtime JS via CDP — React Native via Metro, Chromium via la même surface
- Coût
- Gratuit
- Prérequis
- le serveur MCP argent ; une app React Native avec le serveur de dev Metro en cours (localhost:8081), ou une app Chromium exposant un port CDP (iPhone physique non supporté ; Vega/Fire TV exige un .vpkg Debug)
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — débogue un runtime JavaScript via les outils de débogage d'argent sur CDP. Chemin principal : React Native via Metro : nécessite le serveur de dev Metro en cours (localhost:8081 par défaut) et une app RN connectée — sur Android, pensez d'abord à `adb reverse tcp:8081 tcp:8081`. `debugger-status` vous dit si vous êtes connecté et pourquoi pas ; puis inspectez l'arbre de composants React, inspectez les éléments, évaluez des expressions, rechargez Metro, et utilisez les outils react-profiler et profiler. Un sous-ensemble d'outils (connect, status, evaluate, log-registry, logs réseau) pilote aussi le moteur de rendu d'une app Chromium (Electron ou tout navigateur Chromium exposant un port CDP) via la même surface. Limites honnêtes, directement des docs : iPhone physique non supporté (chaque outil `debugger-*` rejette `kind: "device"`) ; Vega/Fire TV exige un `.vpkg` Debug (les builds Release ne s'attachent jamais) ; plusieurs outils sont RN-only et rejettent Chromium à la porte de capacité. Frère complémentaire : argent-device-interact pour l'interaction UI (celui-ci est l'inspection runtime, celui-là les gestes). Nécessite le serveur MCP argent et une cible Metro/CDP en cours. Crédit : @software-mansion. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage.
Version :
Installation
Prérequis : le serveur MCP argent ; une app React Native avec le serveur de dev Metro en cours (localhost:8081), ou une app Chromium exposant un port CDP (iPhone physique non supporté ; Vega/Fire TV exige un .vpkg Debug) Installe-moi « Débogueur Metro Argent ». Déboguer le runtime JS via CDP — React Native via Metro, Chromium via la même surface Dépôt : https://github.com/software-mansion/argent/blob/main/packages/skills/skills/argent-metro-debugger/SKILL.md 1. Récupère le fichier SKILL.md du skill software-mansion-argent-metro-debugger depuis le dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Contrôle de sécurité : examine le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code ; les identifiants passent uniquement par le coffre sécurisé, les hôtes autorisés sont déclarés dans le SKILL.md. Vérifie que c'est bien le cas ; STOP sur le moindre signal d'alerte et préviens-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers auxiliaires dans le répertoire des skills de l'agent, dans un dossier nommé « software-mansion-argent-metro-debugger ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (ex. tout compte, clé API ou outil CLI mentionné dans les prérequis ci-dessus). GitHub est optionnel : si j'ai un compte GitHub ou le CLI gh, tu peux l'utiliser ; sinon, l'accès public suffit. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Ne me demande jamais de coller des secrets dans le chat ; les identifiants passent par le coffre sécurisé ou des variables d'environnement. Si quelque chose semble anormal, arrête-toi et demande-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.