面向 Claude Code 新手的教学网站 claude.nagdy.me 已上线一套可直接实操的学习路径。网站内置浏览器终端模拟器，用户无需安装本地环境，也不需要 API Key，就能直接练习 slash commands、hooks、skills 等常见功能；整套内容目前共 11 个互动模块，并且完全免费。
这套网站瞄准的是 Claude Code 上手门槛高的问题。对很多初学者来说，CLAUDE.md 怎么写、hooks 怎样配置、slash commands 如何使用，往往在正式开始前就耗掉大量时间。网站作者 Ahmed Nagdy 给出的思路很直接：不是先读一堆文档，而是先上手操作。
浏览器内直接练习，先试再装本地环境
网站采用“先试后装”的方式，把练习环境直接搬进浏览器。用户打开页面后，就能通过内置终端模拟器体验接近真实环境的操作流程，包括练习 slash commands、设置 hooks、调用 skills 等内容。
这让刚接触 Claude Code 的人少了一层顾虑。用户不必先处理本地安装，也不用担心配置出错或 API 费用问题，能先把基础概念跑通，再决定是否继续搭建本地环境。
Config Builder可生成多类配置文件
除课程模块外，网站还提供一个名为 Config Builder 的工具，用来处理学习过程中最容易卡住的配置文件问题。用户通过交互式表单填写内容后，系统会生成可直接复制到项目中的配置。
支持的配置类型包括 CLAUDE.md、skills、agents、hooks、MCP servers、plugins。这意味着用户不必从空白文件开始摸索，也不需要反复翻查示例，再拼出一份勉强可用的配置。
11个模块覆盖从入门到进阶
课程结构按难度递进。已列出的 11 个模块分别是 Slash Commands、Memory & CLAUDE.md、Project Setup、Commands Deep Dive、Skills、Hooks、MCP Server、Subagents、Advanced Feature、Workflows 和 Plugins。
其中，前 4 个模块面向初学者，单节时长约 30 到 45 分钟；中阶部分包括 Skills、Hooks、MCP Server 和 Subagents；进阶部分则覆盖 Advanced Feature、Workflows 与 Plugins，多数模块时长为 1 小时。整条路径从基础操作延伸到复杂配置，学习顺序较为完整。
每个模块附带测验，答错会给出解释
网站的互动设计不只停留在演示层面。每个模块结束后都带有小测验，用户如果答错，系统不会只显示结果，还会给出错误原因和对应的正确概念。
这个设计让学习过程��接近实战排错。对于还在梳理 Claude Code 逻辑的人来说，测验本身也承担了巩固概念的作用。
从定位来看，这套内容适合想入门 Claude Code 的开发者，也适合已经开始使用、但对 hooks 或 skills 仍不熟悉的用户。网站目前以免费、免安装的方式开放，用户可直接通过浏览器开始练习。