SvelteKit (TypeScript Guide)
为开发者提供SvelteKit项目TypeScript配置与最佳实践指南
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：SvelteKit (TypeScript Guide)。 它的用途是：为开发者提供SvelteKit项目TypeScript配置与最佳实践指南 详细介绍见：https://321skill.com/skills/sveltekit-typescript-guide/ 请根据该页面的说明完成安装。
使用示例
“我正在SvelteKit项目里写一个数据加载函数，但TypeScript报错了，该怎么正确定义它的参数和返回值类型？” 它会根据本Skill的指引，为你提供SvelteKit中`PageLoad`或`LayoutLoad`等泛型接口的使用示例，并解释如何从`LoadEvent`中获取参数和父级数据。
介绍
本Skill旨在解决开发者在SvelteKit项目中配置和使用TypeScript时遇到的困惑与障碍。它提供了从基础配置到高级类型安全的完整指引，帮助开发者快速上手并规避常见陷阱。
Skill以文档和示例代码的形式提供，开发者可以将其作为本地参考或集成到开发环境中，通过查询具体问题（如路由类型、数据加载函数类型）来获取即时指导。
它特别适合正在或计划使用SvelteKit框架进行前端或全栈开发的工程师，尤其是那些希望提升代码类型安全性和开发体验的团队。
建议将此Skill作为项目初期的配置参考和开发过程中的速查手册，结合官方文档使用效果更佳。对于已经高度定制化的复杂项目，可能需要根据实际情况调整部分建议。
核心特点
与通用的TypeScript指南不同，本Skill深度聚焦于SvelteKit框架的特定类型系统、约定和生命周期，提供了针对SvelteKit路由、加载函数、表单操作、服务器端逻辑等核心概念的精准类型解决方案。
注意事项
不适合不采用SvelteKit框架或纯JavaScript项目的开发者。
常见问题
如何在SvelteKit项目中正确配置TypeScript路径别名？
Skill会提供详细的`tsconfig.json`配置示例，说明如何设置`baseUrl`和`paths`以匹配SvelteKit的别名系统。
SvelteKit的`load`函数类型定义怎么写？
Skill会展示如何使用`PageLoad`、`LayoutLoad`等SvelteKit提供的泛型类型来严格定义服务器和客户端数据加载。