Overview
[Product Introduction] Inspector is a visual front-end editor connected to AI Coding Agent (Claude Code, Cursor, Codex). Developers and designers can click on UI elements directly in the browser to make visual adjustments, and the Inspector will automatically write the modifications to the code base or GitHub repository. [Core functions] Visual editing: Drag and drop to move elements, edit text, adjust spacing, etc., without writing code. AI Agent integration: Supports connection to mainstream coding tools such as Claude Code, Cursor, Codex, etc. Local operation: Runs completely in the local environment, supports any local code library Code association: Click on an element to automatically locate the corresponding code line Smart screenshot: Support accurate screenshots at the page element level. The Inspector eliminates the handover process from design to development, allowing UI adjustments to be directly converted into code changes. Currently supports macOS systems.
Connected profiles
More Coding assistants products
Sources · 0Sources & provenance
English text is maintained separately from the original record. Consult the original source before citing a fact.
No source links are available for this profile.
Original source text
Names may use phonetic renderings when no English name is supplied. The original wording is retained below.
【产品介绍】Inspector 是一款连接 AI Coding Agent（Claude Code、Cursor、Codex）的可视化前端编辑器。开发者和设计师可以直接在浏览器中点击 UI 元素进行可视化调整，Inspector 会自动将修改写入代码库或 GitHub 仓库。【核心功能】可视化编辑：拖拽移动元素、编辑文本、调整间距等，无需编写代码AI Agent集成：支持连接 Claude Code、Cursor、Codex 等主流编码工具本地运行：完全在本地环境运行，支持任何本地代码库代码关联：点击元素自动定位到对应代码行智能截图：支持页面元素级别的精准截图Inspector 消除了设计到开发的交接流程，让 UI 调整直接转化为代码变更，目前支持 macOS 系统。