Webgora

ClickSay

Open Site

ClickSay is a Chrome extension that lets you click any UI element on a webpage, speak your feedback aloud, and instantly get a structured prompt copied to your clipboard — ready to paste into AI coding tools like Claude Code, Cursor, Lovable, or Replit. It captures the element's CSS selector, styles, screenshot, and component name automatically, so your AI gets full context without you typing a single line.

Added on March 27, 2026

ClickSay Screenshot

Product Information

What is ClickSay?

ClickSay is a voice-first Chrome extension designed for vibe coders and front-end developers. Instead of manually describing UI bugs or style changes in text, you simply press a keyboard shortcut, click the element you want to change, and speak your feedback naturally (e.g., "make this bigger" or "fix the padding"). ClickSay captures the element's full technical context — including CSS selector, computed styles, HTML structure, screenshot, and even the React/Vue/Angular component name — then packages everything into a structured prompt on your clipboard. You paste it directly into Claude Code, Cursor, Windsurf, Lovable, Replit, or Bolt, and the AI gets it right on the first try.

How to use ClickSay?

  1. Install the ClickSay extension from the Chrome Web Store for free
  2. Press Cmd+Shift+K (or your custom shortcut) to activate capture mode
  3. Click any element on the page you want to change
  4. Speak your feedback naturally — the mic activates automatically
  5. The structured prompt (with selector, styles, screenshot, and component info) is copied to your clipboard
  6. Paste into your AI coding tool (Claude Code, Cursor, Lovable, etc.) and let the AI make the exact change

Core Features

  • Voice-first workflow — click an element and speak your feedback naturally, no typing needed
  • Automatic context capture — grabs CSS selector, computed styles, HTML, screenshot, and component name in one click
  • Framework detection — auto-identifies React, Next.js, Vue, Svelte, and Angular components
  • Sweep Mode — Shift+click multiple elements and give one piece of feedback for all of them
  • Configurable output — choose Simple, Standard, Detailed, or Full presets with toggle pills
  • Accessibility audit — flags WCAG contrast, alt text, ARIA, and touch target issues on every element
  • local and private — no accounts, no tracking, no data leaves your browser

Use Cases

  • Vibe coding — quickly tell your AI to fix spacing, colors, font sizes, or layout issues by pointing and speaking
  • Front-end bug reporting — capture exact element context and share structured feedback with your team or AI
  • UI review and iteration — speed up design-to-code workflows by voice-annotating elements that need changes
  • Accessibility improvements — identify and fix WCAG issues with one-click audits on any element
  • Cross-framework development — works with React, Vue, Angular, Svelte projects to give AI the right component context

You May Also Like