Funzioni Come funziona Installa Installa ora
Gratuito e Open Source

Guarda.
Clicca.
Spedisci.

Fai Shift+Click su qualsiasi elemento della pagina, descrivi le modifiche e lascia che VibeWebHelper generi prompt pronti per l’AI — crea la tua UI senza perdere il contesto.

localhost:3000
⇧ + Click
<div.feature-card>
Rendi questa scheda piu evidente con un bordo sfumato...
POTENZIA IL TUO FLUSSO

Dal vedere un problema
al risolverlo — in pochi secondi

VibeWebHelper cattura tutto cio di cui l’AI ha bisogno per comprendere la modifica alla tua UI — contesto dell’elemento, selettori, HTML e istruzioni.

Cattura con Shift+Click

Tieni premuto Shift e clicca qualsiasi elemento. VibeWebHelper cattura istantaneamente selettore CSS, XPath, frammento HTML e contesto circostante.

Dialogo integrato

Un dialogo leggero appare accanto all’elemento selezionato. Scrivi le istruzioni con naturalezza — nessun cambio di contesto.

Prompt pronti per l’AI

Genera con un clic un prompt Markdown completo di URL, framework, selettori, HTML e istruzioni — incollalo subito in Claude, ChatGPT o qualsiasi assistente AI.

Pannello laterale

Tutte le modifiche catturate risiedono nel pannello laterale di Chrome. Rivedi, modifica o elimina elementi prima di esportare.

Esportazione Markdown e JSON

Esporta le bozze di modifica in Markdown leggibile o JSON strutturato. Condividi con il team o inseriscile nella pipeline di sviluppo.

Permessi privacy-first

Funziona automaticamente solo su localhost. Per i siti esterni, autorizzi sito per sito. Nessun dato lascia mai il tuo browser.

IL FLUSSO DI LAVORO

Tre passaggi per prompt UI migliori

01

Cattura

Naviga normalmente nel tuo sito di sviluppo locale. Quando noti qualcosa da cambiare, tieni premuto Shift e clicca. L’elemento si illumina e compare il dialogo.

⇧ + Click
02
<button.cta>
Cambia il colore nel blu del brand e aumenta il padding

Descrivi

Scrivi cio che desideri modificare in linguaggio naturale. Cattura piu modifiche nella pagina.

03
# UI Edit Requests
Page: localhost:3000
Framework: React
 
## Edit 1: button.cta
Selector: .cta-button
→ Change color to brand blue...
Copiato!

Esporta

Copia il prompt negli appunti o scaricalo in Markdown/JSON. Incollalo nel tuo assistente AI.

PRONTO PER INIZIARE?

Spedisci modifiche UI
alla velocita del pensiero

Clicca su installa per ottenere VibeWebHelper da GitHub. Gratuito, open source e privacy-first.

Funziona subito su localhost
Nessun dato esce dal browser
Compatibile con ogni assistente AI