Feedback-chat is an AI-powered feedback widget designed for Next.js applications. It allows users to interact with an AI advisor, automatically converting discussions into GitHub issues while an autonomous agent implements solutions. By learning from its own failures, the system continuously improves, providing a seamless feedback loop for better project management.
The feedback-chat is an innovative AI-powered feedback widget designed specifically for Next.js applications. This tool streamlines the user feedback process by enabling real-time conversations with an intelligent AI advisor. Feedback provided by users is seamlessly transformed into GitHub issues, while an autonomous agent takes charge of implementing the feedback. The system continuously adapts and improves by learning from its own failures, enhancing both user experience and development efficiency.
The core functioning of the feedback-chat can be visualized in the following workflow:
User chats → GitHub issue → Claude agent implements → PR → preview → approve
↓ (on failure)
Haiku classifies → self-improve job → fix PR
Interactive Demo: A demonstration of the widget is available, showcasing its capabilities in action.
Quick Actions: Start developing and testing the feedback system efficiently with the following commands:
npm run dev # Start everything (widget + dashboard + agent dev)
npm run build # Build all packages
npm run test # Run tests
npm run switch # Toggle worker between local and Railway
Dashboard: The dashboard provides invaluable insights, including project management features, project pipeline runs, failure classifications, self-improvement PRs, feedback sessions, tester activity, and AI-generated proposals. Access the production version at loop.joincoby.com.
The project structure is organized as follows:
feedback-chat/
├── packages/
│ ├── widget/ ← npm package (@nikitadmitrieff/feedback-chat)
│ │ └── src/
│ │ ├── client/ ← React components (FeedbackPanel, PipelineTracker)
│ │ ├── server/ ← Route handler factories
│ │ └── cli/ ← npx setup wizard + deploy script
│ ├── agent/ ← Managed worker (polls Supabase, runs Claude CLI)
│ │ └── src/
│ │ ├── managed-worker.ts ← Job loop (claim → process → retry/fail)
│ │ ├── worker.ts ← Implement jobs (clone → Claude → validate → PR)
│ │ ├── setup-worker.ts ← Setup jobs (widget installation on consumer repos)
│ │ ├── self-improve-worker.ts ← Self-fix jobs (clone feedback-chat → fix → PR)
│ │ ├── strategize-worker.ts ← AI proposals from feedback themes
│ │ ├── classify-failure.ts ← Haiku failure classification
│ │ └── oauth.ts ← Claude Max token refresh
│ └── dashboard/ ← Next.js app (Supabase backend)
│ ├── src/app/projects/ ← Project management, runs, feedback, proposals
│ └── supabase/migrations/
├── scripts/
│ └── switch-worker.sh ← Local/Railway toggle
└── docs/
The feedback pipeline consists of several steps:
Developers can easily implement the feedback widget. The setup involves creating API routes, preparing environment variables, and implementing the feedback component into their Next.js application. A detailed guide can be found in the README, providing all necessary configurations and examples.
Overall, the feedback-chat project leverages AI technology to optimize feedback mechanisms, making the development process more efficient and enhancing user engagement.
No comments yet.
Sign in to be the first to comment.