PromptSnip

Selects an element on the page and copies the finished prompt with HTML, CSS, and Tailwind classes for ChatGPT, Claude, or Cursor.

PromptSnip collects data from any element of a web page and copies it as a ready-made prompt for ChatGPT, Claude or Cursor. How to use: click “Select element”, hover over the button, card or block and click. The prompt is already in the clipboard - paste it into the AI ​​chat. What is included in the prompt: - cleaned HTML structure without scripts and unnecessary attributes; - calculated CSS styles of the element and its contents; - Tailwind CSS classes converted from styles; - formulated task for the model. Settings: conversion to Tailwind, result format React (JSX) or HTML+CSS, hotkey Alt+Shift+S. The extension works locally: it does not collect data, does not require an account, and does not access external servers.