Flutter Fix Layout Issues
Diagnostique et corrige les erreurs de layout Flutter (overflows, contraintes non bornées) par signature d'erreur
- Quoi
- Diagnostique et corrige les erreurs de layout Flutter (overflows, contraintes non bornées) par signature d'erreur
- Coût
- Gratuit
- Prérequis
- un projet Flutter (voir le README du dépôt pour l'installation) ; l'outillage MCP Dart/Flutter ; le mode debug pour capturer les exceptions de layout
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — premières fiches de l'organisation flutter au catalogue : enseigne la règle d'or (« Constraints go down. Sizes go up. Parent sets position. ») et diagnostique les échecs de layout Flutter par signature d'erreur — « RenderFlex overflowed » (rayures jaunes/noires), « Vertical viewport was given unbounded height » (ListView dans Column), « InputDecorator cannot have an unbounded width » (TextField dans Row), mauvais usage des ParentDataWidget, et le cascade « RenderBox was not laid out » (l'ignorer, regarder plus haut dans la stack trace) — avec une checklist de résolution copier-coller par type d'erreur via les outils MCP Dart/Flutter. Diagnostic structuré, pas du folklore. Crédit : @flutter. Bémols honnêtes : exige un projet Flutter et l'outillage MCP Dart/Flutter ; le mode debug capture les exceptions exactes. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage.
Version :
Installation
Prérequis : un projet Flutter (voir le README du dépôt pour l'installation) ; l'outillage MCP Dart/Flutter ; le mode debug pour capturer les exceptions de layout Installe-moi « Flutter Fix Layout Issues ». Donne à mon agent le workflow de résolution des erreurs de layout Flutter : diagnostiquer par signature d'erreur (RenderFlex overflowed, viewport non borné, InputDecorator unbounded width, mauvais usage ParentData, ignorer le RenderBox-not-laid-out en cascade), appliquer le correctif conditionnel par type d'erreur (Expanded, Flexible, SizedBox), hot reload, vérifier visuellement Dépôt : https://github.com/flutter/agent-plugins/blob/main/skills/flutter-fix-layout-issues/SKILL.md 1. Récupère le fichier SKILL.md du skill flutter-agent-plugins-flutter-fix-layout-issues 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 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 SKILL.md dans le répertoire des skills de l'agent, dans un dossier nommé « flutter-agent-plugins-flutter-fix-layout-issues ». 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. lancer l'app en mode debug, capturer l'exception exacte). GitHub est optionnel : si j'ai un compte GitHub ou le CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne l'exige jamais sauf s'il figure dans les prérequis ci-dessus. 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 les variables d'environnement. Au moindre doute, arrête 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.