Releases·Tool Release
Give your AI the language it actually understands: it reasons in structured schemas and hierarchies, not images. Switching to JSON changes everything.
A Reddit post highlights CropCode, a Chrome extension that converts screen crops into structured JSON describing spatial hierarchy, component roles, and layout rules, for feeding to LLMs like Claude or GPT instead of screenshots. The author argues this cuts token usage and reduces layout hallucinations when scaffolding UI with coding agents such as Cursor and Windsurf. The tool claims local-only processing with no telemetry or cloud storage.
13 engagement1 sourceSat, Sep 26, 2026, 03:01 PM
AI Overview
- CropCode, a Chrome extension, extracts typed JSON blueprints (Alt+X crop) from screen areas so LLMs build UI from structure instead of screenshots
- The extension claims fewer visual tokens than bitmap prompts, deterministic first-run components, local volatile memory only, and zero telemetry
- Reddit post (4 upvotes) credits CropCode with cutting cleanup rounds caused by vision models' nested div soup and approximate CSS
Related
Products·launched
Web Draw — Chrome extension + MCP server that gives AI agents web pages as text instead of screenshots
Web Draw is a free Chrome extension paired with a local MCP server that renders the visible DOM as compact text so LLM agents can read and drive web pages. It replaces the common screenshot-plus-vision-model approach, cutting token use per step and helping models see small buttons and form validation errors.
Web Draw is a free Chrome extension paired with a local MCP server that renders the visible DOM as compact text so LLM agents can read and drive web pages. It replaces the common screenshot-plus-vision-model approach, cutting token use per step and helping models see small buttons and form validation errors.
2 engagement1 sourceredditWed, Sep 2, 2026, 10:51 PM
Products·launched
Chrome extension to generate AI prompts from any website for coding agents
InspectMode Pro is a Chrome extension that converts any website, section, or element into an AI-ready prompt. Users can copy the prompt and paste it into coding agents like Cursor, Claude, Windsurf, or ChatGPT to recreate UIs or prototype ideas faster, eliminating the need for manual screenshots and explanations.
InspectMode Pro is a Chrome extension that converts any website, section, or element into an AI-ready prompt. Users can copy the prompt and paste it into coding agents like Cursor, Claude, Windsurf, or ChatGPT to recreate UIs or prototype ideas faster, eliminating the need for manual screenshots and explanations.
2 engagement1 sourceredditWed, Jul 22, 2026, 01:22 PM
Products·launched
AgentMeter: native Mac app to track AI coding tool usage limits
AgentMeter is a native Mac app that tracks usage limits for Codex, Claude, Gemini, and Cursor in one place. It reads usage data locally via CodexBar and displays it in a SwiftUI app, menu bar, and desktop widgets, with up to 30 days of history. It solves the problem of monitoring multiple AI coding tool quotas without relying on cloud services.
AgentMeter is a native Mac app that tracks usage limits for Codex, Claude, Gemini, and Cursor in one place. It reads usage data locally via CodexBar and displays it in a SwiftUI app, menu bar, and desktop widgets, with up to 30 days of history. It solves the problem of monitoring multiple AI coding tool quotas without relying on cloud services.
2 engagement1 sourceredditSat, Aug 8, 2026, 01:45 PM
Products·launched
Kebap: Chrome extension to annotate UI elements for coding agents
Kebap is a Chrome extension that lets users hold Option/Alt and click any element on a webpage to add a comment describing a desired change. It then copies a Markdown bundle with exact selectors, sanitized HTML, and computed styles, which can be pasted into a coding agent to make precise UI edits without guessing. It solves the problem of sloppy AI-generated frontend iterations for developers who use vibe coding.
Kebap is a Chrome extension that lets users hold Option/Alt and click any element on a webpage to add a comment describing a desired change. It then copies a Markdown bundle with exact selectors, sanitized HTML, and computed styles, which can be pasted into a coding agent to make precise UI edits without guessing. It solves the problem of sloppy AI-generated frontend iterations for developers who use vibe coding.
3 engagement1 sourceredditThu, Aug 6, 2026, 09:38 AM
Products·launched
Tool that captures your running product's pages as DOM snapshots so Claude designs against real screens
A free, MIT-licensed tool built with Claude Code that crawls a product at a URL and saves each page as a real DOM snapshot into a local library. Claude can then consume these snapshots to design changes against the actual shipped UI instead of inventing screens. It solves the problem of LLMs pattern-matching generic designs when asked to modify existing product pages.
A free, MIT-licensed tool built with Claude Code that crawls a product at a URL and saves each page as a real DOM snapshot into a local library. Claude can then consume these snapshots to design changes against the actual shipped UI instead of inventing screens. It solves the problem of LLMs pattern-matching generic designs when asked to modify existing product pages.
3 engagement1 sourceredditFri, Aug 28, 2026, 01:33 PM