Right-click any element in your app to get the right context, anyclick will format it for consumers and adapters will automagically route it to the appropriate system. Issues or AI agents.
import { AnyclickProvider } from '@ewjdev/anyclick-react';import { createHttpAdapter } from '@ewjdev/anyclick-github';
const adapter = createHttpAdapter({ endpoint: '/api/feedback'});
export default function RootLayout({ children }) { return ( <AnyclickProvider adapter={adapter}> {children} </AnyclickProvider> );}Whether you're hunting bugs, designing interfaces, or managing products—anyclick adapts to your workflow.
Bug bash partner
AI-assisted bug fixing
Capture pain points
Easy feedback
Customizable menus
Catch visual bugs
Quick Chat (AI Assistant), Auto Error Collection, Element-Specific Menus, Playwright Test Generation, Workflow Recording, and more. See what's next on our roadmap.
From capturing user intent to automatic code fixes, anyclick streamlines the entire feedback workflow.
Right-click any element to capture its full DOM context, including selectors, data attributes, ancestors, and surrounding page information.
Automatically capture screenshots of the target element, its container, and the full page—all included in the feedback payload.
Automatically create GitHub Issues with rich context, formatted markdown, and embedded screenshots for seamless issue tracking.
Launch Cursor's AI agent directly from feedback—locally during development or via cloud agent for instant code fixes.
Core library works with any JavaScript framework. Use the React provider for React apps, or build your own integration.
Works out of the box with sensible defaults. Right-click anywhere in your app and start capturing feedback immediately.
Pick only the packages you need. All packages are published under the @anyclick scope.
@ewjdev/anyclick-coreFramework-agnostic core library. DOM capture, payload building, screenshot utilities, and adapter interface.
@ewjdev/anyclick-reactReact provider and context menu UI. Drop-in component that handles all UI and event management.
@ewjdev/anyclick-githubGitHub Issues integration. HTTP adapter for browser + server-side GitHub API client with image uploads.
@ewjdev/anyclick-cursor-*Cursor AI integrations. Local adapter runs cursor-agent on your machine; cloud adapter uses Cursor's API.
Get up and running in under 2 minutes
npm install @ewjdev/anyclick-react @ewjdev/anyclick-githubimport { createGitHubAdapter } from '@ewjdev/anyclick-github/server';
const github = createGitHubAdapter({ owner: 'your-org', repo: 'your-repo', token: process.env.GITHUB_TOKEN});
export async function POST(req) { const payload = await req.json(); const result = await github.submit(payload); return Response.json(result);}import { AnyclickProvider } from '@ewjdev/anyclick-react';import { createHttpAdapter } from '@ewjdev/anyclick-github';
const adapter = createHttpAdapter({ endpoint: '/api/feedback' });
export default function Layout({ children }) { return ( <AnyclickProvider adapter={adapter}> {children} </AnyclickProvider> );}That's it! Right-click any element in your app to open the feedback menu. Select a feedback type, add a comment, and submit. Your feedback is now on GitHub.