要系统掌握 Matt Pocock 的 TypeScript 类型能力训练体系,需克隆 GitHub 的 skills 仓库并运行本地开发服务;所有技能以 Markdown+TS Playground 形式存在 /skills 目录下,按编号顺序解锁练习,支持 AI 工具集成但不可混用插件与本地副本。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

想系统掌握 Matt Pocock 的 TypeScript 类型能力训练体系,不是下载一个安装包就能开始,而是要获取他公开的 skills 仓库并启动本地可交互练习环境——因为所有技能都内置在 GitHub 仓库的 /skills 目录下,且每个技能都绑定实时可运行的 TypeScript Playground 实例。
下载 mattpocock/skills 仓库源码
打开终端,执行克隆命令:
git clone https://github.com/mattpocock/skills.git
进入项目目录:cd skills。这一步必须完成,否则后续 npm 命令会报错“no such file or directory”。
注意:不要用 npm install -g mattpocock-skills 或类似全局安装方式——【官方从未发布 NPM 包】,所有技能均以纯 Markdown + TS Playground 配置形式存在仓库中,全局安装命令是社区误传。
启动本地可交互学习环境
确保已安装 Node.js 18 + 和 npm 9+,然后运行:
npm install && npm run dev
服务启动后,浏览器自动打开 http://localhost:3000 ——你看到的不是静态文档页,而是动态渲染的技能卡片墙,每张卡片对应一个独立可编辑、可运行、可验证的 TypeScript 练习题。
点击任意卡片(如 “Infer the return type of a function”),左侧显示带注释的 starter code,右侧是空白编辑区,右下角有 ✅/❌ 实时反馈按钮。改完代码后点它,系统立刻用预设测试用例校验你的类型推导是否正确。
Python基础语法库,覆盖30+核心主题:数据类型、字符串操作、运算符、列表/元组/字典/集合、条件语句与循环、函数定义与高级函数(lambda/map/filter/reduce)、装饰器、生成器与迭代器、面向对象编程(类/继承/多态/魔术方法)、模块与包管理、文件IO、异常处理、常用内置函数与标准库(os/sys/json/datetime/collections)、类型提示、推导式。适用场景:Python语法查询、数据类型操作、函数编写、面向对象设计、模块使用、文件读写、异常捕获、装饰器编写、生成
按能力路径顺序学习(推荐路线)
第一步:打开 /skills/1-infer-return-type.md,照着提示在 Playground 中补全 ReturnType<typeof fn></typeof> 的泛型推导逻辑。这题通过后,才能解锁下一关。
第二步:完成 #1 后,系统自动点亮 /skills/2-distributive-conditional-types.md。这里会强制你写出能正确分发到联合类型的条件类型,比如 Extract<t string></t> 在 T extends string | number 时的行为。
第三步:跳转至 /skills/17-event-bus.md,这是实战分水岭。你需要基于泛型约束 + 索引访问类型 + 映射类型,构建一个类型安全的事件总线。如果卡住,直接点击页面右上角的 “Show solution” 查看 Matt 的原始实现——但别抄,先理解他为什么用 as const 锁定事件名字面量,再重写。
第四步:进入 /skills/35-make-config-object-type-safe.md,这是最常被跳过的高价值题。它要求你把一个松散的 config 对象,通过 const config = { ... } as const → type Config = typeof config → 最终生成精确的键值映射类型。很多开发者在这里第一次意识到:类型收窄不是语法糖,是设计决策的落地锚点。
在 AI 编程工具中直接调用 Skills
方法一:Claude Code 插件调用(推荐)
在 Claude Code 的输入框中输入:/plugin install mattpocock-skills,回车后等待插件加载完成。之后可直接输入 /grill-with-docs 启动需求对齐流程。
方法二:Cursor 中手动加载本地副本
将克隆好的 skills/ 目录整体复制进 Cursor 项目的 .cursor/agents/ 下,重启 Cursor。此时你在 session 中输入 /tdd,AI 就会按红→绿→重构三步法生成测试与实现,而不是直接甩出三百行代码。
注意:两种方式不能混用——【已安装插件时,本地 .cursor/agents/ 下的同名 skill 会被自动忽略】,避免调试时行为不一致。

















