Fronti AI
Extension Actions
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
Latest reviews
- Yılmaz Yardımcı
- Finally, no more guessing through lines of code — I can design and build visually with AI right on my own project. Seeing ideas take shape in real time feels natural and inspiring.