Tipografia cinetica in Google Gemini vibe coding

Il video qui sopra dimostra come sia divenuto semplice creare una web app dedicata a determinate funzionalità in vibe coding¹.

Per il mio esempio ho usato Google Gemini Pro 2.5, che è al momento la mia IA preferita (e su questo spero di scrivere un altro post a breve), a cui ho chiesto di realizzare una web app con queste caratteristiche:

• Permettere una certa scelta delle font all’utente, caricandole direttamente da Google Font. Ho lasciato che il sistema ne scegliesse sei a caso, ma se volete farne una versione personalizzata potete indicare le vostre preferite.

• Offrire cinque diversi tipi di animazione. Anche in questo caso ho lasciato che il sistema scegliesse autonomamente, ma potete imporre qualsiasi cosa preferiate.

Il tempo di realizzazione è stato inferiore ai due minuti. Il risultato potete testarlo qui: https://g.co/gemini/share/c84991b34355.

Tre oziose considerazioni personali

1. Avere elementari basi di programmazione diventa cruciale in ogni ambito, compresi quelli artistici, di design e umanistici che, specie in Italia, se ne sono spesso tenuti distanti. La formazione dovrebbe essere avviata dalle scuole elementari e proseguita per tutto il ciclo d’istruzione obbligatoria.

2. La formazione dovrebbe essere basata su programmi aggiornati e avere, per quanto possibile, un approccio agnostico². Per questo, Processing e P5.js sono perfetti: facili, gratuiti, ampiamente documentati e già adottati nei programmi di formazione di molti paesi nel mondo. Nell’esempio, Google Gemini programma in P5.js.

3. Se non sai dirlo, non sai farlo: l’arrivo delle Intelligenze Artificiali Generative può renderci semidei o schiavi senza coscienza di possedere un pollice opponibile. La differenza starà nella capacità di esprimersi correttamente.

1. Il vibe coding è una tecnica di programmazione supportata dall'intelligenza artificiale in cui poche frasi formulate per descrivere un problema vengono usate come prompt per un agente conversazionale basato su un modello linguistico di grandi dimensioni (LLM) ottimizzato per la codifica.

2. La programmazione agnostica è un approccio alla programmazione che cerca di essere indipendente da specifici linguaggi o tecnologie. L'obiettivo è creare codice che possa essere utilizzato su diverse piattaforme o ambienti senza modifiche significative, basandosi su logiche “universali”.