Davide Addesi · Senior Frontend Engineer · Milano · ibrido
Progetto il frontend di piattaforme enterprise, servizi pubblici, prodotti con agenti AI e app web, desktop e mobile.
React e TypeScript dal 2018. Lavoro con un metodo agentico: definisco, pianifico, delego agli agenti AI e verifico. E l'AI la porto anche dentro i prodotti che costruisco.
- anni su React e TypeScript
- 8+
- metodo di lavoro con l'AI
- Agentico
- su Milano
- Ibrido
Frontend engineering, dall'interfaccia all'architettura.
Costruisco frontend che devono reggere nel tempo: piattaforme usate da più clienti, servizi pubblici, applicazioni desktop per l'industria. Seguo l'intero ciclo, dall'architettura al rilascio.
Il frontend è il mio centro, ma il lavoro vero è attorno: autenticazione, contratti con le API, librerie condivise tra team, integrazione dei modelli AI. E un modo di lavorare in cui gli agenti AI moltiplicano quello che faccio, senza che io smetta di rispondere del codice.
Aree di profondità
Come lavoro con gli agenti AI.
Gli agenti AI scrivono molto codice. La differenza la fa il metodo: cosa gli chiedi, con quale contesto, e come verifichi quello che ti restituiscono.
Fase 1 di 6
Specifica
Prima di toccare il codice chiarisco obiettivo, vincoli e criteri di accettazione, anche facendomi fare domande dall'agente.
## ObiettivoOnboarding di un nuovo cliente in meno passaggi## Vincoli- nessuna rottura per i clienti esistenti- accessibile WCAG 2.1 AA## Fatto quando- test verdi, build ok, verificato nel browser
Il mio setup
- Claude Code: subagent, skill, plan mode, plugin e hook
- Skill su misura: audit UI/UX, codebase come knowledge graph, output compatto
- Workflow strutturato: brainstorming → piano → TDD → verifica
- Memoria persistente tra sessioni e statusline personalizzata
- Server MCP, usati e costruiti
- GitHub Copilot come supporto complementare
Questo sito è un esempio
Questo portfolio l'ho progettato e costruito con lo stesso metodo, in poche sessioni di lavoro con un agente.
- Brief e analisi: cosa farebbe un professionista, quali fonti, come verificare
- Contenuti riscritti più volte cambiando il punto di vista, fino a quello di un headhunter
- Palette con contrasti calcolati da uno script, non a occhio
- Lint, tipi e build a ogni modifica; controllo visivo nel browser
- Animazioni con pausa e rispetto del movimento ridotto
AI dentro i prodotti, non solo nell'editor.
Su una piattaforma enterprise ho portato l'AI dal lato del prodotto: gli agenti non si limitano a scrivere codice, usano la piattaforma.
agent ⇄ MCP server · JSON-RPC · simulazione
- Utente: Avvia l'onboarding del nuovo cliente e dimmi a che punto è.
- Chiamata al tool: {"jsonrpc":"2.0","id":1,"method":"tools/list"}
- Risultato: {"tools":["start_process","get_process_status","list_tasks","complete_task"]}
- Chiamata al tool: {"jsonrpc":"2.0","id":2,"method":"tools/call","params":{"name":"start_process","arguments":{"processKey":"customer-onboarding"}}}
- Risultato: {"content":[{"type":"text","text":"instance started · 5 tasks"}]}
- Chiamata al tool: {"jsonrpc":"2.0","id":3,"method":"tools/call","params":{"name":"get_process_status","arguments":{"instance":"latest"}}}
- Risultato: {"content":[{"type":"text","text":"3/5 done · waiting: document-review"}]}
- Agente: Avviato. L'onboarding è a 3 attività su 5, manca la verifica dei documenti: vuoi che la assegni?
Server MCP
i processi aziendali diventano tool che qualsiasi agente compatibile può scoprire e chiamare.
Assistente con tool calling in streaming
modella i processi e ne interroga lo stato, rispondendo mentre ragiona.
Layer multi-provider
fallback automatico tra modelli, configurazione per cliente, controllo di consumi e costi.
Generazione da linguaggio naturale
form e processi descritti a parole e generati come definizioni.
Un'azienda, molti domini.
Un'azienda, molti domini: in questi anni ho lavorato su prodotti molto diversi tra loro, con responsabilità crescenti.
React Developer @ Deda Bit (ex SCAI Tecno SpA), Milano
Ottobre 2018 — oggi
Piattaforme enterprise multi-cliente
Il nucleo condiviso su cui nascono i progetti di più clienti, con l'AI integrata nel prodotto.
Next.jsTypeScriptGraphQLSSOMCPServizi per la Pubblica Amministrazione
Riscrittura di sistemi legacy in applicazioni moderne, accessibili e multilingua.
ReactViteOIDCWCAG 2.1 AAApplicazioni desktop industriali
Software per il settore aeronautico che trasforma documentazione tecnica in schede di lavoro.
ElectronReactPythonGestionali, dashboard e librerie
Dashboard e form dinamici, refactoring di applicazioni interne, librerie condivise tra team.
ReactReduxNext.js
Progetti, stack e responsabilità nel dettaglio: sono nel CV.
Scarica il CV (PDF)Accessibilità come requisito di ingegneria.
Ho lavorato sull'accessibilità di servizi digitali universitari, sito e app mobile, e di portali pubblici. La tratto come un requisito di ingegneria: si progetta, si implementa e si verifica.
Accessibili per costruzione
Semantica, ruoli ARIA e focus nei componenti condivisi: si corregge una volta, ogni pagina lo eredita.
Web e mobile
Le stesse regole sul sito e sull'app React Native.
Tastiera e screen reader
Tutto raggiungibile senza mouse, focus visibile, contenuti annunciati correttamente.
Verifica continua
Strumenti automatici e prove manuali nel ciclo di sviluppo, non a fine progetto.
Prova tu
Quale pagamento è scaduto?
Cambia il modo di vedere e confronta le due versioni.
Solo coloreNon accessibile
- Gennaio
- Febbraio
- Marzo
Colore, testo e iconaAccessibile
- GennaioPagato
- FebbraioScaduto
- MarzoPagato
Simulazione attiva: Vista tipica.
Lo stack di oggi, e quello che c'è dietro.
Oggi
- React 19
- Next.js 16 · App Router
- TypeScript
- Tailwind CSS
- shadcn/ui
- Vite
- Vitest
- React Native
- GraphQL
- OpenID Connect
- Claude Code
- MCP
- GitHub Copilot
Esperienza
- JavaScript
- Redux
- Node.js
- REST
- Hasura
- Keycloak
- Electron
- AG Grid
- Bootstrap Italia
- react-i18next
- Python · Pandas
- Spring Boot (integrazione)
- Angular
- Git
- Agile / Scrum
(07)
Parliamone.
Ruoli da Senior Frontend Engineer, team che lavorano con agenti AI, prodotti in cui l'AI è parte dell'esperienza: se stai cercando qualcuno così, scrivimi.
Milano · ibrido