Design Boop

About

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.