BeClaude

chrome-ui-test

New
7Community RegistryGeneralby Aurélien Tournayre

Tests automatisés d'interface utilisateur dans Chrome : navigation, screenshots, responsive, debug, GIF

First seen 5/22/2026

Overview

⚠️ DISCLAIMER: Ce marketplace est en cours de développement actif. Utilise-le avec précaution et n'hésite pas à remonter tout bug ou comportement inattendu via les issues GitHub.

Marketplace de plugins pour Claude Code, offrant un ensemble d'outils pour améliorer ton workflow de développement.

📦 Plugins Disponibles

PluginVersionDescriptionDocumentation
🌐 Chrome UI Test1.0.0Tests automatisés d'interface utilisateur dans Chrome (navigation, screenshots, responsive, GIF)README
🤖 Claude1.3.1Plugin de base : skill-creator, memory, make-subagent, challenge, doc-loaderREADME
🎨 Customize1.1.1Personnalise ton expérience avec hooks, output styles, status lines + Bash Security ValidatorREADME
⚙️ Dev2.5.1Workflow 8 phases + oneshot, ralph-loop, examine step + 25 skillsREADME
📚 Doc1.6.2Documentation : ADR, RTFM, génération docs, framework docs + 3 skillsREADME
🏗️ Framework1.1.1Skills framework pour génération code PHP Elegant ObjectsREADME
🔮 Gemini1.4.2Délégation Gemini CLI : contexte ultra-long (1M tokens), Deep Think, Google Search + 3 skillsREADME
🔧 Git1.13.0Workflow Git complet : branches, worktrees, commits, conflits, PR, fix-pr-comments + Task Management SystemREADME
🐙 GitHub1.3.2Gestion GitHub : issues, PR, analyse d'impactREADME
📱 Marketing1.2.2Génération de contenu marketing : posts LinkedIn, annonces, communicationsREADME
🎭 MLVN1.1.0Adaptation du repo AIBlueprint de Melvynx : agents spécialisés, workflows, skills Git/Meta/Utils (version épurée après migration)README
🔔 Notifications1.0.2Système de notifications avancé avec queue persistante, dispatchers multiples et gestion complèteREADME
📝 Prompt2.3.0Système hybride Starters + Mode Plan + Checklists + Agent Teams - Templates légers, exploration contextuelle, validation automatisée, orchestration multi-agentsREADME
📋 QA1.3.2Quality assurance : PHPStan, tests, lintersREADME
🔍 Review1.0.1Agents spécialisés code review : code-reviewer, silent-failure-hunter, test-analyzer, git-history-reviewerREADME
🎯 Symfony1.3.2Plugin Symfony avec skills make, documentation et intégrationsREADME
🛠️ Utils1.0.0Skills et agents utilitaires : fix-grammar, action, explore-codebaseREADME

🎨 Convention Output Styles

Certaines commandes du marketplace spécifient un output-style recommandé dans leur frontmatter pour optimiser le formatage de sortie.

Fonctionnement

Chaque commande concernée inclut un champ output-style dans son frontmatter YAML :

yaml
---
description: Génère un rapport HTML d'analyse d'impact
output-style: html-structured
---

Lors de l'exécution, Claude détecte ce champ et bascule automatiquement vers le style approprié.

Styles Utilisés

StyleUsageCommandes
html-structuredRapports HTML completsgit:release-report
markdown-focusedDocumentation structuréedoc:adr, marketing:linkedin, doc:rtfm
ultra-conciseStatuts et résumés courtsdev:status, dev:summary, git:branch
bullet-pointsAnalyses et explorationsdev:explore, dev:discover, gemini:analyze, github:impact
table-basedComparaisons structuréesdev:design, dev:clarify

Configuration des Styles

Les output-styles sont définis dans ~/.claude/output-styles/. Claude Code les charge automatiquement au démarrage.

Pour créer un style personnalisé, crée un fichier ~/.claude/output-styles/mon-style.md :

markdown
---
name: Mon Style Custom
description: Description du style
---

Instructions de formatage pour Claude...

Feature Request

Le champ output-style dans le frontmatter n'est pas encore supporté nativement par Claude Code. Nous avons soumis une feature request pour ajouter ce support.

En attendant, les commandes incluent une instruction manuelle pour que Claude lise et applique le style automatiquement.

Voir : FEATURE_REQUEST.md pour les détails techniques et la proposition complète.

🚀 Installation

Ajouter le Marketplace

bash
/plugin marketplace add atournayre/claude-marketplace

Installer un Plugin

bash
/plugin install <nom-plugin>@atournayre

Exemples :

bash
/plugin install claude@atournayre
/plugin install git@atournayre
/plugin install symfony@atournayre

Installer Tous les Plugins

bash
/plugin

Sélectionne "Browse Plugins" et installe les plugins souhaités.

Configuration Équipe

.claude/settings.json :

json
{
  "plugins": {
    "marketplaces": ["atournayre/claude-marketplace"],
    "installed": [
      "claude@atournayre",
      "dev@atournayre",
      "git@atournayre",
      "symfony@atournayre"
    ]
  }
}

Installation automatique au trust du projet.

🧪 Tests

Lance tous les tests du projet:

bash
./run_tests.sh

Chaque skill peut avoir son dossier tests/ avec run_tests.sh.

🤝 Contribution

Contributions bienvenues via issues ou PR.

📄 Licence

MIT

👤 Auteur

Aurélien Tournayre

Install & Usage

1
Add a marketplace
/plugin marketplace add <org/repo>
2
Install the plugin

Add the configuration to /plugin install chrome-ui-test@<marketplace>

3
Manage with /plugin
/plugin
View source on GitHub
testing

Security Audits

LicenseUnknownSourceWarnRepositoryPass

Frequently Asked Questions

What is chrome-ui-test?

Tests automatisés d'interface utilisateur dans Chrome : navigation, screenshots, responsive, debug, GIF

How to install chrome-ui-test?

To install chrome-ui-test: add a marketplace (/plugin marketplace add <org/repo>), then add the config to /plugin install chrome-ui-test@<marketplace>. Finally, /plugin in Claude Code.

What is chrome-ui-test best for?

chrome-ui-test is a plugin categorized under General. It is designed for: testing. Created by Aurélien Tournayre.