the-controller-feedback-widget
CommunityIn-app feedback with screenshots.
Authorkwannoel
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the process of collecting user feedback and bug reports directly within a web application, making it easier to identify and fix issues.
Core Features & Use Cases
- In-App Feedback Widget: A floating button allows users to initiate feedback without leaving the application.
- Screenshot Capture & Annotation: Users can capture the current view, annotate it with freehand drawing, arrows, rectangles, or crop it.
- GitHub Issue Creation: Annotated screenshots and feedback descriptions are automatically submitted as GitHub issues.
- Use Case: A user encounters a UI bug. They click the feedback button, capture a screenshot, draw an arrow pointing to the problematic element, add a brief description, and submit. This creates a GitHub issue with all the necessary context for the development team.
Quick Start
Add the feedback widget to your Next.js application by following the setup steps in the documentation.
Dependency Matrix
Required Modules
html2canvas-pro
Components
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: the-controller-feedback-widget Download link: https://github.com/kwannoel/the-controller/archive/main.zip#the-controller-feedback-widget Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.