ningsiii/clickdeck

ClickDeck is an open-source browser extension for Chrome and Edge that lets you visually edit an HTML page directly in the browser, without opening developer tools or touching code. You click on any element on the page, then adjust its font size, font weight, line spacing, text alignment, color, or the text content itself. When you are done, you can export the modified page as an HTML file or send it to the browser's PDF print flow in several paper formats including A4 and a 16:9 slide format. The tool is aimed specifically at people working with AI-generated web pages. AI coding tools can produce a reasonable first draft of a landing page, presentation, or document, but the final adjustments are often visual rather than structural: a heading that needs to be a bit larger, a color that reads as too cold, a paragraph with too little breathing room. ClickDeck sits between Chrome's built-in developer tools, which require knowing CSS, and a full design application, which is overkill for small tweaks. One feature worth noting is a "Copy AI Edit Prompt" button. After you make visual adjustments in the extension, this generates a structured text prompt describing the changes you made. You can paste that prompt into Claude or ChatGPT to have it update the underlying source code to match what you shaped visually. The extension runs entirely locally in the browser and does not send page content anywhere by default. Its diagnostics feature only copies recent local logs to your clipboard so you can choose whether to include them in a bug report. The README lists what it does not do: it does not generate content with AI, it does not write changes back to the original source files, and it is not a free-form drawing or design canvas. The project is in alpha and has not been submitted to the Chrome Web Store yet. It is released under the MIT license.