skills.rest
sultanxgokce
sultanxgokceCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

feedback-widget

Collects in-app user feedback with screenshots, annotations, and threaded replies.

Updated Apr 14, 2026
Search Tags:#feedback#fastapi#nextjs#widget#screenshot#annotation
One-click install
npx skills add https://github.com/sultanxgokce/Sx-Claude-Skills --skill feedback-widget
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: feedback-widget
Source: https://github.com/sultanxgokce/Sx-Claude-Skills/tree/main/feedback-widget
Command: npx skills add https://github.com/sultanxgokce/Sx-Claude-Skills --skill feedback-widget

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

In-app feedback widget enables users to report issues, request features, or ask questions from within the app, with automatic context like page URL and environment details.

Core Features & Use Cases

  • Floating action button for quick feedback
  • Screenshot capture and canvas annotation
  • Multi-image support with optional pCloud upload or base64 fallback
  • Admin-user threaded replies and read-status indicators

Quick Start

Integrate this skill into your Next.js + FastAPI project to enable in-context feedback collection with screenshots and annotations.

Frequently Asked Questions about feedback-widget

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add an in-app feedback widget with screenshot capture to a Next.js and FastAPI project?▼

You can add an in-app feedback widget by integrating frontend UI components and backend templates into your Next.js and FastAPI project, enabling screenshot capture and canvas annotation for issue reporting.

What is the best way to collect in-app user feedback with automatic page URL and environment context?▼

The best way to collect in-app user feedback is using a floating action button widget that automatically captures page URL and environment details, accelerating issue resolution with full context.

Can I implement threaded replies and read-status indicators for admin-user feedback communication?▼

Yes, you can implement admin-user threaded replies and read-status indicators using the provided backend templates and migration scripts, facilitating structured communication between users and administrators.

Does the feedback widget support multi-image upload and base64 fallback?▼

Yes, the feedback widget supports multi-image upload with optional pCloud integration and a base64 fallback, ensuring images are captured even without external cloud storage configured.

What do I need to set up to enable canvas annotation for in-app feedback screenshots?▼

To enable canvas annotation for in-app feedback screenshots, you need a Next.js frontend environment configured with the provided UI components, allowing users to draw and highlight directly on captured images.

How do I handle database schema updates when integrating a turnkey feedback widget?▼

You handle database schema updates by running the provided migration scripts, which set up the necessary tables and relationships for storing feedback entries, screenshots, and threaded replies.

Related Skills

Explore More Software Engineering Skills→
Junior-Frontend-devJunior-Frontend-dev

migration

Create reversible database migrations with UP and DOWN scripts.

Community
Advanced
Ship-With-AIShip-With-AI

collect-feedback

Collect and analyze real-user feedback to generate actionable product specs.

Official
Intermediate
Tai-ch0802Tai-ch0802
2

pcloud

Manage files and folders via the pCloud cloud storage API.

Community
Advanced
hamelsmuhamelsmu
1.6k

build-review-interface

Generate a browser-based annotation interface for reviewing LLM traces with Pass/Fail feedback.

Community
Intermediate