Frontend frameworkless con AI agents, quality gate e delivery ripetibile, dal web a Electron

Come portare l’AI nel ciclo di sviluppo senza perdere controllo tecnico, e senza trasformare il codice in una "lotteria"? In questo talk mostro un workflow concreto basato su ai-coding-frontend-template: si parte dalle specifiche, si arriva all’implementazione con passaggi verificabili, diffs piccoli e risultati davvero ripetibili.

Costruiamo UI con Vanilla JavaScript (ES Modules), Custom Elements v1 in light DOM e zero dipendenze runtime, per tagliare complessità e lock-in senza sacrificare performance e manutenibilità. Poi allarghiamo il campo: lo stesso approccio applicato a un’app desktop Electron, con packaging, gestione asset, bridge sicuro tra UI e sistema (IPC), e un percorso pulito per file system e integrazioni native, senza buttare via l’architettura del frontend.

Entriamo nel dettaglio di regole operative multi-agente, pianificazione a micro-step, e quality gate automatici (lint + E2E) che girano sia nel flusso quotidiano che in CI. Il focus è engineering-first: solo metodo, tracciabilità e affidabilità.

Una sessione pratica per devs che vogliono trasformare spec in feature reali con un processo misurabile, governabile e scalabile, su web e desktop.

Requirements
- JavaScript moderno: ES Modules, async/await, DOM APIs, eventi, fetch.
- Fondamenti di componenti: Custom Elements, light DOM, attributi, lifecycle, accessibilità base.
- Comfort con CLI e Node: installare dipendenze, eseguire script, leggere output e log.
- Interesse pratico per AI prompting e vibe coding, con disciplina su qualità e verifiche.