{"id":51341807,"url":"https://github.com/matteoscurati/cc-claude-course","last_synced_at":"2026-07-02T08:32:59.464Z","repository":{"id":367060439,"uuid":"1279062566","full_name":"matteoscurati/cc-claude-course","owner":"matteoscurati","description":"Mini-sito interattivo per una lezione su LLM, agenti e gli strumenti Anthropic (Claude Code, Cowork, Design). Vanilla, offline, ogni definizione con fonte verificabile.","archived":false,"fork":false,"pushed_at":"2026-06-24T11:02:08.000Z","size":292,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-06-24T12:17:47.721Z","etag":null,"topics":["ai-agents","anthropic","claude","claude-code","context-engineering","education","interactive-learning","italiano","llm","mcp","prompt-engineering","slides","training","vanilla-js"],"latest_commit_sha":null,"homepage":"https://matteoscurati.github.io/cc-claude-course/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc-by-4.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/matteoscurati.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-06-24T10:37:50.000Z","updated_at":"2026-06-24T11:02:14.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/matteoscurati/cc-claude-course","commit_stats":null,"previous_names":["matteoscurati/cc-claude-course"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/matteoscurati/cc-claude-course","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matteoscurati%2Fcc-claude-course","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matteoscurati%2Fcc-claude-course/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matteoscurati%2Fcc-claude-course/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matteoscurati%2Fcc-claude-course/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/matteoscurati","download_url":"https://codeload.github.com/matteoscurati/cc-claude-course/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matteoscurati%2Fcc-claude-course/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35040021,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-02T02:00:06.368Z","response_time":173,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ai-agents","anthropic","claude","claude-code","context-engineering","education","interactive-learning","italiano","llm","mcp","prompt-engineering","slides","training","vanilla-js"],"created_at":"2026-07-02T08:32:58.820Z","updated_at":"2026-07-02T08:32:59.459Z","avatar_url":"https://github.com/matteoscurati.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Corso · LLM, Agenti e gli strumenti Anthropic\n\n**▶ Demo live: \u003chttps://matteoscurati.github.io/cc-claude-course/\u003e**\n\n![Schermata di apertura del corso](media/cover.png)\n\nMini-sito **interattivo** per una lezione di formazione dal vivo (~60 minuti) su\ncosa sia un LLM, la differenza tra chatbot e agenti, e gli strumenti Anthropic\n(**Claude Code, Cowork, Design**). Pensato come supporto da proiettare durante la call.\n\nOgni definizione è ancorata a una **fonte ufficiale verificabile** (88 citazioni\ninline + bibliografia finale), così i partecipanti possono controllare in autonomia.\n\n\u003e Niente dipendenze, niente build, niente backend: si apre con un doppio clic e\n\u003e funziona **offline**. Il sito stesso è un esempio di \"artifact\" interattivo.\n\n![Strumento interattivo: predizione del prossimo token con slider di temperatura](media/interactive.png)\n\n*Esempio di momento interattivo: la predizione del prossimo token, con le probabilità a barre e la temperatura regolabile dal vivo.*\n\n---\n\n## Come si usa\n\n**Opzione 1 — doppio clic**\nApri `site/index.html` nel browser.\n\n**Opzione 2 — server statico locale** (consigliata)\n```bash\ncd site\npython3 -m http.server\n# poi apri http://localhost:8000\n```\n\n### Scorciatoie da tastiera (per il relatore)\n| Tasto | Azione |\n| --- | --- |\n| `←` / `→` (o `Spazio`) | slide precedente / successiva |\n| `1`–`9` | vai alla sezione |\n| `O` | indice delle sezioni |\n| `N` | note del relatore |\n| `T` | tema chiaro / scuro |\n| `S` | modalità scorrimento (tutto in una pagina) |\n| clic sul cronometro | avvia/ferma il timer della lezione (target 60′) |\n\n---\n\n## Struttura della lezione (11 sezioni)\n\n| # | Sezione | Durata | Momenti interattivi |\n| --- | --- | --- | --- |\n| 1 | Cos'è un LLM | 8′ | tokenizer live · predizione next-token con slider temperatura |\n| 2 | Inferenza \u0026 modelli | 7′ | model chooser Opus/Sonnet/Haiku · barre capacità/velocità/costo |\n| 3 | Da chat ad agente | 8′ | diagramma del loop chatbot vs agente, passo-passo |\n| 4 | Prompt \u0026 Context engineering | 10′ | prompt builder · misuratore del costo del contesto |\n| 5 | Mappa Claude: Chat/Code/Cowork/Design | 14′ | card espandibili · Artifacts · permission modes · Goal/Loop/Workflow |\n| 6 | Skills, Subagents, Hooks \u0026 MCP | 9′ | \"quale meccanismo mi serve?\" · connectors map |\n| 7 | Focus: Claude Cowork (configurazione) | 8′ | setup connettori/istruzioni/skill/plugin · 5 «ingredienti» · permessi \u0026 governance |\n| 8 | CLI: confronto \u0026 uso | 8′ | matrice per profilo · terminale interattivo |\n| 9 | Rischi, verifica \u0026 framework 4D | 5′ | ruota 4D cliccabile |\n| 10 | Cosa possiamo fare in Cantiere Creativo | 6′ | persona · produzione/offerta · servizi futuri |\n| 11 | Sintesi · Glossario · Fonti | — | glossario ricercabile · bibliografia completa |\n\n---\n\n## Struttura del repo\n\n```\n.\n├── site/                  # il mini-sito (vanilla HTML/CSS/JS, zero dipendenze)\n│   ├── index.html         # contenuti e definizioni con fonti inline\n│   ├── styles.css         # design system (dark/light, ottimizzato per proiezione)\n│   └── script.js          # engine del deck + tutti i widget interattivi\n├── research/              # materiale di ricerca e fonti certificate\n│   ├── certified-sources.md   # bibliografia verificata (solo fonti ufficiali)\n│   ├── lesson-structure.md    # scaletta didattica di riferimento\n│   └── claude-corpus.md       # corpus di contenuti sugli strumenti Claude\n├── README.md\n└── LICENSE\n```\n\n## Fonti\n\nTutte le definizioni citano documentazione ufficiale di Anthropic, OpenAI, Google e\nMicrosoft, paper primari (es. *Attention Is All You Need*) e corsi universitari.\nL'elenco completo e i criteri di selezione sono in\n[`research/certified-sources.md`](research/certified-sources.md).\n\n## Licenza\n\nMateriale rilasciato sotto **[CC BY 4.0](LICENSE)** — libero di riusare e adattare\ncitando la fonte. Le risorse di terze parti linkate restano dei rispettivi proprietari.\n\n---\n\n*Costruito con Claude Code per la formazione interna di Cantiere Creativo.*\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatteoscurati%2Fcc-claude-course","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmatteoscurati%2Fcc-claude-course","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatteoscurati%2Fcc-claude-course/lists"}