Design Boop

Click any element to generate a contextualized AI prompt for design feedback.

Design Boop lets you click any element on a web page and instantly generate a ready-to-use prompt for AI tools like Claude or ChatGPT to fix or improve it. Just hover, click, and pick an action — Design Boop captures the element's styles, layout, and context, then builds a detailed prompt you can paste straight into your favorite AI assistant. Features: • Click any element to inspect its styles, size, and position • Smart action suggestions ranked by relevance (fix contrast, adjust spacing, improve readability, and more) • Shift+click to select multiple elements and generate a batch prompt • Before/After mode with live preview — tweak colors, font size, and dimensions right on the page • Full-page accessibility audit — catch contrast issues, missing alt text, tiny tap targets, and spacing inconsistencies • Send prompts to Claude, ChatGPT, or export to GitHub Issues, Linear, or Figma • Create custom prompt templates for your own workflows • Keyboard navigation and sound feedback • Prompt history so you never lose a past edit Design Boop is built for designers, developers, and anyone who wants to improve a website's UI with AI — without writing a single line of CSS by hand.