sveltekit-svelte5-tailwind-skill

# SvelteKit 2 with Svelte 5 and Tailwind CSS v4 Setup Guide

## Project Setup
1. **Initialize the project**:
   ```bash
   npm create svelte@latest [PROJECT_NAME]
   cd [PROJECT_NAME]
   npm install
   ```
2. **Install Svelte 5 and Tailwind CSS**:
   ```bash
   npm install svelte@next tailwindcss postcss autoprefixer
   npx tailwindcss init
   ```

## Configuration
### `tailwind.config.cjs`
```javascript
module.exports = {
  content: [
    './src/**/*.{html,js,svelte,ts}'
  ],
  theme: {
    extend: {}
  },
  plugins: [],
}
```

### `postcss.config.cjs`
```javascript
module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {}
  }
}
```

## Project Structure
```
/src
  /app.html
  /app.js
  /routes
    /+page.svelte
    /+layout.svelte
  /static
  /lib
```

## Running the Project
```bash
npm run dev
```

Visit `http://localhost:5173` to see your project in action.