Setting the file. One moment.
Skill 33 · Launchdarkly Flag Qualitative Feedback Setup
Subchapter 33.7
README.mdMarkdown5 KBView on GitHub
An Agent Skill that walks users through a step-by-step wizard to add LaunchDarkly’s qualitative user feedback feature to a JavaScript/TypeScript codebase, adapting to the project’s framework and design system.
This skill guides users through an interactive wizard:
sendFeedback utility and feedback widget matching existing project patternsAlong the way the skill:
The skill asks two questions to determine the widget style: feedback type and icon style.
Feedback type:
| Type | Description |
|---|---|
| Sentiment + text | Popover with sentiment buttons and a text area for comments |
| Sentiment only | Inline one-click sentiment buttons, no popover or text input |
| Text only | Popover with a text area, no sentiment buttons |
Icon style (when sentiment is involved):
| Style | Buttons |
|---|---|
| Thumbs up / down | Two buttons: positive / negative |
| Smiley faces | Three buttons: positive / neutral / negative |
This produces five widget variants:
| Type | Icons | Template |
|---|---|---|
| Sentiment + text | Thumbs | PopoverFeedback with icons="thumbs" |
| Sentiment + text | Smileys | PopoverFeedback with icons="smileys" |
| Sentiment only | Thumbs | InlineFeedback with icons="thumbs" |
| Sentiment only | Smileys | InlineFeedback with icons="smileys" |
| Text only | — | PopoverFeedback with icons="none" |
All widget components accept flagKey and prompt as props and track a submitted state that replaces the widget with a confirmation message after feedback is sent.
For now, install by placing this skill directory where your agent client loads skills.
Examples:
skills/feature-flags/launchdarkly-flag-qualitative-feedback-setup/ into your client’s skills pathThis skill requires the remotely hosted LaunchDarkly MCP server to be configured in your environment. The remote server provides higher-level, agent-optimized tools that orchestrate multiple API calls and return pruned, actionable responses.
The target application must use the LaunchDarkly JavaScript SDK v3.0+ (client-side).
Once installed, the skill activates automatically when a user asks about collecting user feedback:
Add a Give Feedback widget for my new search featureSet up qualitative feedback collection on the checkout-redesign flagI want to collect user sentiment on my feature rolloutWire up the LaunchDarkly feedback popover using our shadcn componentslaunchdarkly-flag-qualitative-feedback-setup/
├── SKILL.md # Wizard workflow and agent instructions
├── marketplace.json
├── README.md
└── references/
├── client-side-sdk-list.md # SDK packages that support qualitative feedback
├── server-side-sdk-list.md # SDK packages that do NOT support qualitative feedback
├── sendFeedback.ts # Template: sends $ld:feedback event with session replay support
├── PopoverFeedback.tsx # Template: popover with text area + configurable sentiment icons
└── InlineFeedback.tsx # Template: inline one-click sentiment buttonsApache-2.0