Vai al contenuto principale

Guida animata GitHub per (Vibe)Coders Wannabe

Non sei un dev? Non importa. Ogni comando ha una card animata: guardi cosa si muove e capisci al volo cosa fa — Pull Request compresa, quella che manda in crisi pure i programmatori veri.

15 comandi Animazioni in loop

Il ciclo base

Il giro che fai ogni giorno: dal codice sul tuo PC fino a GitHub e ritorno.

git init git

Trasformi una cartella qualsiasi in un repository Git, partendo da zero.

clone parte da un progetto che esiste già; init lo crea dal nulla sul tuo computer.

git clone git

Scarichi l’intera copia di un progetto da GitHub al tuo computer. È il punto di partenza di tutto.

git add git

Scegli quali modifiche far entrare nel prossimo salvataggio, spostandole nell’area di staging.

Staging ≠ salvataggio. Stai solo preparando la lista di ciò che verrà incluso nel commit.

git commit git

Salvi le modifiche selezionate nella storia del progetto, con un messaggio che spiega cosa hai fatto.

Il commit resta sul tuo computer. Finché non fai push, nessun altro lo vede.

git push git

Spingi i tuoi commit locali su GitHub: ora il lavoro è online, al sicuro e visibile agli altri.

git pull git

Tiri giù le modifiche che altri hanno messo su GitHub e le integri nel tuo lavoro locale.

Occhio: git pullPull Request. Stesso nome, concetti diversi (la PR è più in basso).

git fetch git

Scarichi le novità da GitHub ma NON le fondi nel tuo lavoro: le tieni da parte per guardarle prima.

pull = fetch + merge. fetch è la versione prudente: prima scarichi, poi decidi.

Orientarsi

Comandi innocui che ti dicono a che punto sei. Quelli che digiti di continuo per non perderti.

git status git

Ti dice a che punto sei: quali file hai cambiato, cosa è già in staging, cosa manca. Lo userai di continuo.

È del tutto innocuo: non cambia niente. Nel dubbio, git status.

git log git

Mostra la storia dei commit: chi ha fatto cosa e quando. È la memoria del progetto.

Lavorare a rami

Linee di lavoro parallele per sperimentare senza rompere il ramo principale.

git branch git

Crei una linea di lavoro parallela che parte dal punto in cui sei: sperimenti senza toccare main.

Un ramo costa zero. È solo un’etichetta che punta a un commit: puoi averne quanti vuoi, in parallelo.

git switch git

Ti sposti da un ramo all’altro. HEAD indica “dove sei ora”, cioè dove finiranno i prossimi commit.

Un tempo si usava git checkout; oggi git switch fa la stessa cosa in modo più chiaro.

git merge git

Unisci il lavoro di un ramo dentro un altro: le due linee tornano una sola.

Se le stesse righe sono cambiate su entrambi i rami, git chiede a te come combinarle: è il conflitto di merge.

Contribuire a un progetto

Come proporre modifiche a un progetto che non è tuo, senza permessi di scrittura.

fork GitHub

Crei una tua copia di un progetto altrui, sul tuo account GitHub, dove puoi fare tutto quello che vuoi.

Non è un comando git. È un pulsante sul sito di GitHub: serve proprio quando il progetto non è tuo.

git remote git

Dài un nome ai repository remoti: “origin” è la tua copia, “upstream” è il progetto originale.

Fai push su origin, prendi le novità da upstream.

Pull Request GitHub

Dal tuo ramo su GitHub apri una proposta di modifica verso il progetto originale. Il maintainer la esamina e, se gli piace, la unisce.

Il trucco: sembra una push, ma è il contrario — tu chiedi, non scrivi. Si chiama pull request perché è il maintainer a “tirare dentro” (pull) il tuo lavoro.

Da brief confuso a UX/UI completa Un brief vago diventa un’app navigabile. Spot prodotto da una foto Una foto diventa uno spot animato, senza codice. Far guardare i video a Claude Claude guarda i tuoi video e li trasforma in testo. Higgsfield in Claude Code Genera immagini e video mentre programmi in Claude Code. Da un Loom a una pagina web Un video schermo diventa una pagina web, senza codice. Video Shorts con NotebookLM Le tue fonti diventano uno short verticale. Landing luxury su Lovable Landing page di lusso con un solo prompt. Excalidraw in locale Excalidraw gratis sul tuo computer, senza codice. Mistral OCR nel flow Estrai testo dai documenti con Mistral OCR. Claude SEO nel terminale 25 skill SEO gratis dentro Claude Code. Google Search Console dentro Claude Code I dati di Search Console dentro il terminale. Routine di Claude Code Claude che lavora da solo, a computer spento. Clonare una landing in React con v0 Clona una landing reale in codice React. Context economy con Claude Lavora leggero e non bruciare i limiti di Claude. Dal prompt alla skill auto-evolutiva Skill Claude che imparano dai tuoi errori. Da NotebookLM a Canva: presentazioni Slide da NotebookLM, finalmente editabili in Canva. La mappa per capire ogni tool AI 12 categorie per incasellare qualsiasi tool AI. PNG trasparenti con ChatGPT PNG con trasparenza reale, non la scacchiera finta. Infografiche animate con Gemini Infografiche che si animano in loop con Gemini. Ricerca di mercato con Deep Research Deep Research come tuo analista di mercato. Farti citare dai motori AI (AEO) Diventa una fonte che ChatGPT e Perplexity citano.