Fronti AI

5.0(

1 rating

)

Overview

Visual-first AI coding agent for local codebases. Select elements in browser, describe changes, agent applies edits.

Fronti brings Claude Code's powerful agent capabilities into your browser. Point it at any localhost project, select the element you want to change, describe what you need, and Claude updates your codebase instantly. KEY FEATURES - Visual interface for localhost web projects - Full access to Claude Code's agent capabilities for refactors, API integrations, logic changes, and test generation - Works with React, Next.js, Vue, Astro, Svelte, Tailwind, and any web stack - Instant previews with live reload - Simple setup with npm package HOW IT WORKS 1. Install this Chrome extension 2. Install @fronti/core: `npm install -g @fronti/core` 3. Install Claude Code CLI: `npm install -g @anthropic-ai/claude-code` 4. Start your project on localhost and open Fronti 5. Select any element, describe what you want, and Claude updates your files instantly WHY FRONTI - Ship UI and feature updates in minutes - Complete control over your codebase on your machine - Beyond UI tweaks: refactor, wire APIs, generate tests, apply batch improvements - No context switching between tools REQUIREMENTS - @fronti/core npm package OR Fronti VS Code Extension - Claude Code CLI from Anthropic - Local dev server running your project

5 out of 5
1 rating
Learn more about results and reviews.

Details

Version
1.0.4
Updated
October 18, 2025
Flag concern
Offered by
YellowPencil
Size
1.0MiB
Languages
English
Developer
Email
support@waspthemes.com
Non-trader
This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

Support

Netify

4.6

Debugging proxy that will allow you to intercept and mutate requests from a web page

Web to MCP: Import any website components to Cursor or Claude Code

4.6

A Chrome extension that captures website components and sends them to AI coding assistants like Cursor, Claude Code, Codex, etc

Web Capture - HTML to React with MagicPath

4.4

Capture elements from the web. Convert elements into interactive React components and edit manually or with AI on a canvas.

Advanced User Agent Switcher

3.4

Helps users to change browser user agent string across all websites

React code finder

5.0

Chrome extension for React Developer

Zapier Agents

3.3

Take personalized AI agents anywhere you go in your browser so you can get more done.

Chrome Sidekick

4.6

Your AI Sidekick for Chrome — Web browser AI agent that automates workflows, explains pages, and extracts data.

Visual Inspect UI

5.0

Advanced Visual Inspector for Editing Web Page Elements.

TanStack Query DevTools

3.3

DevTools extension for debugging TanStack Query applications. Inspect queries, mutations, and cache state in real-time.

UI Inspector - Visual CSS Editor

3.7

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Browserfly - Your AI Agent in browser

4.5

Browserfly brings AI agents into your browser, helping you automate tasks smartly.

React-DomPicker

5.0

Click any UI element to instantly jump to its React source code in VS Code. Perfect for React + Tailwind + ShadCN projects.