sveltekit-svelte5-tailwind-skill
SvelteKit 2 + Svelte 5 + Tailwind v4 全栈集成开发指南
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：sveltekit-svelte5-tailwind-skill。 它的用途是：SvelteKit 2 + Svelte 5 + Tailwind v4 全栈集成开发指南 完整的 Skill 内容见：https://321skill.com/skills/sveltekit-svelte5-tailwind-skill/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
对 AI 说：“帮我用 SvelteKit 和 Svelte 5 实现一个带服务端验证的用户登录页面，并用 Tailwind 设计样式。” 它会首先搜索 Skill 内的 `forms-and-actions.md`、`styling-with-tailwind.md` 等文档，理解 SvelteKit 表单动作的工作流程、Svelte 5 的状态管理方式以及 Tailwind 的样式组织模式，然后生成遵循最佳实践的、可工作的代码示例，并提醒你注意 SSR 环境下的状态处理。
介绍
这个 Skill 旨在解决开发者在使用 SvelteKit 2、Svelte 5 和 Tailwind CSS v4 这三个前沿技术栈进行集成开发时遇到的复杂配置与兼容性问题。它并非一个可一键安装的代码包，而是一套详尽的开发指南和知识库，通过提供大量经过整理的文档和问题导向的教程，指导开发者正确地将三者协同工作。
使用方式上，它强调“研究优先”的方法论。当用户提出构建需求时，AI 应首先利用该 Skill 内置的文档集合（包含 17 篇针对性指南和 7 篇完整 API 参考）进行搜索和学习，理解官方推荐的最佳实践和特定约束（如 Svelte 5 Runes 在 SSR 环境下的限制），然后再执行代码实现，从而避免因配置错误或模式不当导致的返工。
它非常适合正在或计划使用 SvelteKit 2、Svelte 5 和 Tailwind v4 构建现代 Web 应用的全栈或前端开发者，尤其是那些从旧版本迁移过来或初次尝试此技术组合，需要权威、系统化指导以避免踩坑的团队和个人。
与市面上常见的、仅提供基础脚手架或简单示例的集成教程不同，这个 Skill 的核心价值在于其深度和系统性。它不仅告诉你怎么做，更通过详尽的文档解释背后的原理、潜在的陷阱以及针对不同场景（如部署、性能优化、迁移）的解决方案，形成了一个围绕该特定技术栈的微型知识体系。
核心特点
核心区别在于它并非简单的代码模板，而是一个强调“文档驱动开发”的深度集成指南，内置了覆盖从搭建、开发到部署、优化全生命周期的 24 篇结构化文档，并强制要求 AI 在动手前先研究官方最佳实践，从而确保解决方案的准确性和健壮性。
注意事项
不适合寻求开箱即用、一键生成项目脚手架的快速原型搭建场景。
常见问题
如何用 SvelteKit 2 和 Svelte 5 创建表单？
参考 `forms-and-actions.md` 指南，了解如何结合 SvelteKit 的 form actions 与 Svelte 5 的响应式状态进行渐进增强开发。
Svelte 5 的 Runes 在 SSR 中怎么用？
查阅 `svelte5-runes.md` 和 `server-rendering.md`，掌握 Runes 在服务端渲染环境下的使用限制和正确模式。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/sveltekit-svelte5-tailwind-skill/raw/index.md 读取 sveltekit-svelte5-tailwind-skill 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/sveltekit-svelte5-tailwind-skill/raw/index.md（查看排版版本）