Inspector

Inspector is a Coding & Development tool that provides a visual front-end editor. It connects to AI coding agents like Cursor, Claude Code, and Codex to edit React, Next.js, or Vite applications locally.

Claim this tool

1View

At a glance

Pricing

Free

Free tier

Yes

API

Skill level

Technical

Product Hunt

About

What is Inspector?

Inspector is a visual front-end editor designed to streamline UI development by connecting directly to AI coding agents such as Cursor, Claude Code, and OpenAI Codex. It allows developers to visually edit their front-end applications, offering capabilities like clicking to edit text, dragging elements to reposition them, and leaving comments for changes. The tool then leverages the connected AI agent to apply these modifications directly to the local codebase. Inspector supports popular frameworks like React, Next.js, and Vite, and operates entirely locally, ensuring full control over the code. It also includes built-in source control with GitHub integration for managing changes and publishing pull requests.

Best used for

Ideal for developers who need to visually edit front-end applications, integrate AI coding agents for faster development, and manage code changes directly from a visual interface. Especially valuable for those working with React, Next.js, or Vite, seeking a local-first development experience.

Common actions

visually edit UI

integrate AI coding

accelerate front-end development

manage code changes

Capabilities

Key features

Visual text editing
Drag and drop elements
AI coding agent integration
Local codebase operation
GitHub integration
Page aware screenshots
Element-to-code linking

Target Audience

developer

Integrations

github

Pricing & Plans

Free

Not publicly disclosed. Check tryinspector.com for current pricing.

FAQs

What AI coding agents does Inspector support?

Inspector supports three AI coding agents: Cursor, Claude Code (Anthropic), and OpenAI Codex. Users can connect their existing accounts for any of these services and switch between them as needed within the application.

What front-end frameworks are compatible with Inspector?

Inspector works with React, Next.js, Vite, Create React App, and any other front-end framework that runs locally. It also supports static HTML files and Ruby on Rails applications, offering broad compatibility for developers.

Does Inspector work on Windows?

Currently, Inspector is available for macOS only, supporting both Apple Silicon and Intel Macs. Windows support is planned for the future, and users can join a waitlist on the website to be notified of its release.

How does Inspector handle source control?

Inspector includes built-in source control features with GitHub integration. This allows users to create a new branch, commit their visual changes, and publish a pull request directly from within the Inspector application.

Is Inspector like Figma or other code generation tools?

Inspector offers a Figma-like visual interface but edits your actual running application, not mockups. Unlike tools like Lovable or v0 that generate code in the cloud, Inspector works entirely locally on your existing codebase, giving you full control.

Trending

Subcategories trending in Coding & Development

Open Source & Models DevOps & Infrastructure No-Code / Low-Code Testing & QA Backend & APIs Prompt Engineering

Trending

Explore

Browse AI tools by category

Content & Design Productivity & Business Coding & Development AI Agents & Automation Research & Education Wellness & Lifestyle Career Development Marketing & Growth Data & Analytics Customer Support & CX Finance E-commerce