● SKILL 05 · WEB APP · CLAUDE CODE
Mini-app: la claude skill che ti costruisce quiz, calcolatori, tracker.
Hai un'idea per un quiz lead-magnet, un calcolatore di tariffa, un tracker abitudini — ma non hai un developer. Vue e React richiedono setup, le PWA configurazione, il hosting una carta di credito in più. Mini-app è la skill Claude Code che ti costruisce un singolo file HTML — quiz, calcolatore costi, tracker abitudini, generatore output — che funziona aperto in browser e si installa come app sul telefono.
Cosa risolve.
L'idea l'hai in testa da mesi: un quiz "che tipo di founder sei", un calcolatore della tariffa giornaliera per freelance, un tracker per il digiuno intermittente, un generatore di prompt per il tuo metodo. Cose semplici, in apparenza. Poi apri il primo tutorial: setup Node, npm, Vue, build pipeline, deploy, manifesto PWA, service worker, certificato HTTPS. Tre giorni dopo l'idea è ancora un'idea.
Mini-app collassa tutto in un comando. Apri Claude Code, scrivi: "calcolatore tariffa giornaliera per consulente, input ore mensili e costo vita, output tariffa minima e consigliata, palette brand, salvataggio localStorage". Claude scrive un singolo file index.html — HTML, CSS, JavaScript tutto dentro — che apri in browser e funziona subito. Lo carichi gratis su Vercel/Netlify (drag-and-drop, 30 secondi) e dal cellulare apri Safari → Condividi → Aggiungi a Home. Da quel momento è un'app sul telefono di chi la riceve. Funziona offline, salva i dati, ha il tuo brand.
Zero setup. Zero build step. Zero dipendenze. Un file solo, che fa una cosa, bene.
Cosa c'è dentro.
- SKILL.md — file di istruzioni che insegna a Claude come strutturare una mini-app: stato, persistenza, validazione input, UX mobile-first.
- 6 template base — quiz lead-magnet (risultato + email gate), calcolatore tariffa/costo, tracker abitudine (streak + storico), generatore output (input → output dinamico), comparatore opzioni (multi-criteri), scheduler (visualizza disponibilità).
- PWA manifest auto-generato — Claude genera il manifest.json, l'icona, il service worker base. La tua mini-app è installabile come app nativa su iOS e Android.
- localStorage per persistenza — dati utente salvati nel browser, nessun database necessario. Funziona offline, niente server da gestire.
- Design brand-aware — legge il
PROFILE.mddel tuo brand (palette, font, voice) e applica coerentemente. La mini-app sembra tua, non un template Codepen. - README + esempi — 4 esempi di mini-app completa (quiz, calcolatore, tracker, generatore) da cui partire.
Per chi è.
- Coach e formatori che vogliono lead-magnet interattivi al posto del PDF — quiz, calcolatori personalizzati, audit.
- Consulenti che vogliono un tool di calcolo (tariffa, ROI, dimensionamento) da inviare al cliente prima della call.
- Info-product creator che vogliono regalare un tool a chi acquista il corso, come bonus tangibile.
- Founder che vogliono testare un'idea di prodotto con un MVP web installabile prima di investire in sviluppo nativo.
Come si installa.
- Scarichi Claude Code (gratuito, Mac o Windows) da claude.com/product/claude-code.
- Acquisti Mini-app, ricevi via email il file
.zip. - Apri Claude Code → Impostazioni → Funzionalità → Competenze → Personalizza → Carica skill → selezioni il
.zip. - Crei la cartella del progetto: ci metti il
PROFILE.mddel brand (lo genera la skill Brand Voice Extractor gratuita). - Scrivi a Claude che mini-app vuoi. Il file
index.htmlè pronto in pochi minuti.
Da quel momento, ogni richiesta in italiano produce una mini-app brand-aware — installabile come app, ospitabile gratis ovunque.
Domande frequenti.
Serve un hosting a pagamento?
No. L'output è un singolo file HTML che puoi caricare gratis su Vercel, Netlify, Cloudflare Pages, GitHub Pages. Drag-and-drop, hai un URL pubblico in 30 secondi.
Funziona offline?
Sì. Il service worker generato dalla skill gestisce la cache offline. Una volta installata come PWA, la mini-app funziona anche senza connessione (i dati restano in localStorage del dispositivo).
È installabile su iPhone Safari?
Sì. Da Safari → Condividi → Aggiungi alla schermata Home. L'icona appare come una qualsiasi app nativa. Stesso flusso su Android Chrome → Aggiungi alla schermata Home.
Posso vendere la mini-app?
Sì. È codice tuo, puoi venderla come prodotto digitale, integrarla in un info-product, regalarla come lead-magnet. Niente royalty, niente lock-in.
Quanto pesa il file generato?
In genere 20-60 kb per una mini-app singola. È un singolo HTML con CSS e JS inline, niente dipendenze esterne da scaricare.
Funziona col piano gratuito di Claude?
Sì. Per generare molte mini-app iterando velocemente il piano Pro è più comodo, ma non è obbligatorio.
Altre skill compatibili.
Un prompt. Claude scrive la tua mini-app.
€15 · download immediato · pagamento sicuro Stripe
Acquista Mini-app →