Chat con AI
Premi ⌘J o CtrlJ. L’assistente può creare forme, modificare stili, configurare disposizioni, lavorare con componenti e analizzare il documento.
Configurare i modelli
Al primo avvio, la configurazione guidata chiede in cosa deve aiutarti l’IA e cosa usi già: un agente di programmazione come Claude Code, Codex o Gemini CLI nell’app desktop, un account API o un server locale o aziendale. Collega quell’accesso e lo assegna ai ruoli Design agent e Vision, lasciando invariato ciò che hai configurato a mano. Con OpenRouter puoi accedere invece di incollare una chiave API. Puoi saltarla e riavviarla da Impostazioni → IA e agenti → Avvia la configurazione guidata. Per configurare i modelli a mano:
- Apri la chat.
- Seleziona l’icona delle impostazioni.
- Aggiungi un profilo e configura connessione, identificatore del modello, credenziali e capacità.
Puoi salvare più profili e assegnarli separatamente a design, revisioni, attività rapide e immagini. I profili che condividono una connessione riutilizzano la stessa credenziale, archiviata in modo sicuro.
Provider
4B Pen supporta connessioni compatibili con OpenAI e Anthropic, oltre a OpenRouter, Google, Z.ai e provider locali.
Non usa un server intermedio. Le richieste vengono inviate direttamente al provider; nel browser si applicano le sue regole CORS. L’affidabilità delle chiamate agli strumenti in streaming può variare tra i deployment. Consulta la compatibilità BYOK.
Agenti ACP e MCP remoto
L’app desktop può avviare agenti ACP e collegarli a server remoti attendibili compatibili con Model Context Protocol. In Impostazioni → Connessioni MCP, aggiungi un endpoint HTTP trasmissibile, un nome e, se necessario, un token Bearer.
Il token è conservato nell’archivio sicuro delle credenziali, non nelle normali impostazioni, e viene recuperato solo all’avvio della sessione ACP.
Strumenti
Gli strumenti coprono lettura, creazione, modifica, struttura, variabili, vettori, analisi, descrizione, generazione di codice e immagini stock. Ogni chiamata agisce sull’editor attivo e partecipa alla cronologia quando applicabile.
Per l’ispezione, get_jsx offre la vista JSX di andata e ritorno, diff_create e diff_jsx i confronti strutturali, diff_visual i confronti pixel per pixel e describe il ruolo semantico e il rilevamento dei problemi di design.
Verifica visiva
L’assistente può verificare visivamente il proprio lavoro. Con export_image abilitato, cattura un’immagine dopo aver creato o modificato un design e controlla il risultato rispetto alla richiesta, individuando problemi di disposizione, elementi mancanti e colori sbagliati che una risposta solo testuale non rileverebbe. diff_visual, abilitato per impostazione predefinita, confronta un oggetto modificato con una copia di riferimento e restituisce i pixel e l’area cambiati, così l’assistente può confermare che la modifica sia rimasta nel bersaglio previsto.
Lavorare su altre pagine
Mentre una risposta è in corso puoi esplorare altre pagine: l’assistente continua a lavorare sulla pagina in cui è partito il messaggio e le sue anteprime compaiono al tuo ritorno. Quando non sei su quella pagina, la chat indica su quale sta lavorando, con Vai alla pagina per tornarci. Se è l’assistente a cambiare pagina, la tua vista lo segue.
Privacy e costi
Le richieste vanno al provider configurato. Verifica condizioni, politica dei dati e prezzi prima di inviare documenti sensibili. 4B Pen non include crediti per i modelli.