BeClaude

chrome-ui-test

New
7Community RegistryGeneralby Aurélien Tournayre

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

Community PluginView Source

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
Create the skills directory
mkdir -p .claude/skills
2
Download the skill file
mkdir -p .claude/skills && curl -o .claude/skills/chrome-ui-test.md https://raw.githubusercontent.com/atournayre/claude-marketplace/main/SKILL.md
3
Invoke in Claude Code
/chrome-ui-test
View source on GitHub
testing

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, create the .claude/skills directory in your project, then run the curl command to download the skill file. Once installed, invoke it in Claude Code with /chrome-ui-test.

What is chrome-ui-test best for?

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