Resources

Webinars, writing, and more

Recordings of webinars, newsletter posts, talks, and tool references from everything I've built and shared.

Webinars & Talks

Dal prompt al prodotto: lancia il tuo primo side project con Claude Code

Dal prompt al prodotto: lancia il tuo primo side project con Claude Code

Live session on going from prompt to product -- how to launch your first side project using Claude Code.

AI
Claude Code
Side Projects
Claude Code: come usare l'AI nel flusso di sviluppo prodotto

Claude Code: come usare l'AI nel flusso di sviluppo prodotto

Live session on using AI in the product development workflow with Claude Code.

AI
Claude Code
Product Development

Newsletter

The Product Curation

The Product Curation

Biweekly newsletter about Product, Growth, and Startups. Real human curation, no filler.

Product
Growth
Startups
Webinar #3 · Product Heroes · 17 marzo 2026

Skills, Agenti e GSD: come Claude Code costruisce per te

Tutte le risorse, i tool, i template e i comandi mostrati durante il webinar. By Mario Miletta

Le 4 Skill del Product Builder

GSD

Il processo: discuss > plan > execute > verify. 11 agenti, wave execution, goal-backward verification.

npx get-shit-done-cc@latest

Superpowers

La qualità: brainstorming visuale (3 mockup su localhost), TDD enforced, code review a 2 stadi, debug sistematico.

npx skills add obra/superpowers

Impeccable

Il design: 17 comandi, 7 domini (tipografia, colori OKLCH, spacing 8px, motion, layout, interazione, UX writing). Anti AI-slop.

npx skills add pbakaus/impeccable

Agentation

Il feedback: click su elemento > selector CSS esatto > Claude fixa. Loop da 30 secondi.

npm i agentation && npx skills add benjitaylor/agentation

Template e Setup Rapido

1. Crea il progetto

Auth configurata, middleware sessioni, env pre-impostate, due client Supabase (browser + server).

npx create-next-app@latest -e with-supabase NOME-PROGETTO

2. Aggiungi componenti UI

npx shadcn@latest init
npx shadcn@latest add card input badge button

3. Configura Supabase MCP

Crea .mcp.json nella root. Apri Claude Code → login Supabase → autorizza. Zero chiavi esposte.

{
  "mcpServers": {
    "supabase": {
      "url": "https://mcp.supabase.com/mcp"
    }
  }
}

4. Installa GSD

npx get-shit-done-cc@latest

I 7 Comandi GSD Essenziali

/gsd:new-projectInizializza con domande, ricerca, roadmap
Inizio progetto
/gsd:discuss-phase 1Cattura decisioni prima di pianificare
Prima di ogni fase
/gsd:plan-phase 1Ricerca + piano atomico + verifica
Prima di eseguire
/gsd:execute-phase 1Build parallelo con commit atomici
Dopo il piano
/gsd:verify-work 1UAT: il goal è stato raggiunto?
Dopo il build
/gsd:quick "desc"Task veloce senza pianificazione pesante
Bug fix, tweak
/gsd:map-codebaseAnalizza codebase esistente
Progetto brownfield

Il Workflow Completo

1. CRAFT AGENT
   Leggi contesto (user interviews, brief)
   > Genera PRD + schema DB + SPEC.md

2. GSD
   /gsd:new-project con la SPEC
   > discuss > plan > roadmap strutturata

3. CONDUCTOR
   Wave 1: 2 agenti paralleli (homepage | detail page)
   Wave 2: 2 agenti (raindrop sync | deploy)
   > merge risultati su main

4. SUPABASE MCP
   "Crea il database seguendo questa spec" > apply_migration
   "Quali tool consigli per user research?" > query intelligente

5. VERCEL
   git push > deploy automatico > URL pubblico

Stack Completo

FrontendNext.js 16 + Tailwind + shadcn/ui (New York)
BackendSupabase (PostgreSQL + RLS + Edge Functions)
AIClaude Code + GSD + Superpowers + Impeccable + Agentation
OrchestrazioneConductor (agenti paralleli su git worktree)
DeployVercel (auto-deploy da GitHub)
SyncRaindrop > Edge Function > Claude Haiku > Supabase
MCPSupabase MCP (hosted, OAuth, zero chiavi esposte)