Estensione per Google Chrome
Aiuto quotidiano nello sviluppo web: semplifica il lavoro con un click.
Web Developer Helper Suite
è un toolkit all-in-one progettato per sviluppatori, designer e prompt engineer che lavorano quotidianamente all’analisi di pagine web, alla creazione di annotazioni e alla produzione di documentazione. È lo strumento ideale per chi ha bisogno di condensare i propri progetti e renderli di semplice comprensione per modelli LLM AI come ChatGPT, Claude o Gemini.
Analisi Visiva
Raccogli misure, stili e feedback visivi direttamente sulla pagina web con un click.
Disegno
Annota direttamente sulla pagina con varie forme e testo per realizzare screenshot chiari e documentazione precisa.
Contesti per AI
Utile per fornire un contesto ottimizzato a modelli LLM e riprendere nuove chat di lavoro da zero in vibe coding.
FUNZIONALITÀ PRINCIPALI:
1. Vibe Project Manager (Offline App)
Ottimizzazione del progetto per modelli LLM con tre opzioni:
Senza ottimizzazione: propone il contenuto in un unico file da copiare o scaricare;
Minificazione Smart: minifica e rimuove spazi e commenti dai file di progetto;
Skeleton Mode: minifica e rimuove spazi e commenti dai file di progetto, trasforma progetti enormi in uno “scheletro” strutturale (solo firme di funzioni/classi), permettendo all’AI di comprendere l’intera architettura con con notevole risparmio di token.
Supporto ZIP & Cartelle: Trascina interi progetti React, Vue, Node, HTML, PHP, ecc…
Export Flessibile: Copia negli appunti o scarica report .TXT/.PDF.
Lazy Loading Tree: Gestisce progetti massivi senza rallentamenti.
Smart Delta Diff: genera un Diff Unificato (stile Git) confrontando la vecchia versione in file .zip oppure cartella con il nuovo. Fornisci al modello solo le righe di codice modificate (+/-), riducendo drasticamente il consumo di token e aumentando la precisione delle risposte.
2. Strumenti On-Page (Visuali):
Righello Smart: Misura distanze in pixel e cm.
Annotator v2: Disegna Frecce, Cerchi, Rettangoli, tratti a mano libera e Testo. Gestione a Livelli (Layers).
Web Extractor: Copia CSS, testo pulito o struttura HTML.
3. Multilingua Inglese/Italiano
4. Stile del tema dark/light