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

Manage extensions and learn how they're being used in your organization

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

HTML/CSS Extractor

5.0

Extract HTML & CSS from any element with live preview, smart selector simplification, and syntax-highlighted editor

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

3.9

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

YourGPT AI - Build Custom AI Knowledgebase Agent

5.0

Build AI Knowledgebase Agent Instantly, No-Code. Powerful browser companion for effortless knowledge access and instant queries.

Extension Development - Auto Reloader

5.0

Automatically reload unpacked extensions as source code changes during development via websocket's, Vite, and npm companion package.

Zapier Agents

3.4

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

Vibe Annotations

5.0

AI-powered development annotations for local development projects and HTML files

LWC Inspector

5.0

Inspect, edit, and debug Lightning Web Components (LWC) and Apex classes. Includes component view, network monitoring, code editor.

Chrome Sidekick

4.5

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

rep+

5.0

rep+ - Capture, modify, and replay HTTP requests in Chrome DevTools with AI-powered security analysis.

UI Inspector - Visual CSS Editor

4.1

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

Export Element

0.0

Extract HTML elements and transform them to React, Vue, Tailwind, or PHP

Code WARP: Inject into ACE-based VPL Editor

5.0

Inject code into ACE-based VPL Editor directly from a custom popup.