# Sveltekit Tailwind Typescript Guide Svelte Component Syntax

> Use when working with SvelteKit — component syntax, .svelte files, TypeScript script tags

- Skill: `liaosw97/sveltekit-tailwind-typescript-guide-svelte-component-syntax` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add liaosw97/sveltekit-tailwind-typescript-guide-svelte-component-syntax`
- Raw SKILL.md: https://api.skillmd.com/api/skills/liaosw97/sveltekit-tailwind-typescript-guide-svelte-component-syntax/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: liaosw97 (https://skillmd.com/u/liaosw97)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/liaosw97/sveltekit-tailwind-typescript-guide-svelte-component-syntax

---


- 对 Svelte 组件使用 .svelte 扩展名
  - 在 `<script>` 标签中使用 TypeScript 语法：
    svelte
    <script lang="ts">
      // TypeScript 代码在这里
    </script>