launchdarkly-flag-qualitative-feedback-setup

Par launchdarkly · agent-skills

Skill officiel LaunchDarkly guidant l'ajout d'un widget de feedback qualitatif utilisateur lié à un feature flag dans un projet JavaScript/TypeScript.

npx skills add https://github.com/launchdarkly/agent-skills --skill launchdarkly-flag-qualitative-feedback-setup

launchdarkly-flag-qualitative-feedback-setup

Ce skill fait partie du repo officiel launchdarkly/agent-skills, la collection publique de skills et playbooks LaunchDarkly pour agents de code. Il encode un workflow complet et reproductible permettant d'intégrer la collecte de feedback qualitatif utilisateur directement dans une application JavaScript ou TypeScript.

Ce que fait ce skill

Le skill guide l'agent à travers un assistant pas-à-pas (wizard) en sept étapes : vérification de la compatibilité du SDK LaunchDarkly (client-side, version ≥ 3.0), collecte des exigences (flag cible, texte de la question, style du widget, emplacement), vérification ou création du flag via les outils MCP LaunchDarkly, confirmation du plan avec l'utilisateur, génération de la fonction utilitaire sendFeedback (qui envoie l'événement de tracking $ld:feedback), construction du widget UI adapté au framework et au design system du projet, puis vérification end-to-end.

Le skill détecte automatiquement le framework front-end (React, Vue, Angular, Svelte, vanilla JS/TS) et le design system en place (MUI, Chakra UI, Tailwind, Radix/shadcn, Bootstrap, etc.) pour générer un widget cohérent avec les conventions existantes du projet — et non un composant générique déconnecté du reste du code.

Utilisation et prérequis

Ce skill nécessite que le serveur MCP hébergé par LaunchDarkly soit configuré dans l'environnement de l'agent, afin de pouvoir appeler les outils get-flag, create-flag, list-flags et update-flag-settings. Il s'appuie également sur des templates de code (fonctions TypeScript et composants React) situés dans le dossier references/ du skill.

Pour l'utiliser, installez le repo comme plugin Claude Code ou Cursor (voir le README du repo parent), puis invoquez le skill via la commande /launchdarkly:launchdarkly-flag-qualitative-feedback-setup dans votre agent. Le skill prend en charge les cas limites courants : SDK serveur détecté (arrêt immédiat), version trop ancienne, sendFeedback déjà présent dans le projet (réutilisation sans régénération), ou absence de design system (utilisation des templates inline comme base).

Skills similaires