---
name: sveltekit-project-practices
description: Guideline setup and develop application base on SvelteKit, tailwindcss, shadcn-svelte framework.
metadata:
  author: Tapforce<office@tapforce.com>
  version: "1.0.0"
---

# SvelteKit Project Practices

Comprehensive guide setup and develop application base on SvelteKit, tailwindcss, shadcn-svelte framework.

## When to apply

Reference these guidelines when:

- Start or develop a project application with Sveltekit, Tailwindcss, Shadcn-svelte as base framework.

## Rule Categories by Priority

| Priority | Category | Prefix    | Description                                                       |
| -------- | -------- | --------- | ----------------------------------------------------------------- |
| 1        | setup    | `setup-`  | Set up project with base packages, modules, or frameworks.        |
| 2        | styling  | `style-`  | Practices styling application with Tailwindcss and shadcn-svelte. |
| 3        | Svelte   | `svelte-` | Practices using Sveltekit features.                               |
| 4        | Abstract | `abs-`    | Abstract practices for Sveltekit project.                         |

## Quick Reference

## How to Use

Read individual rule files for detailed explanations and code examples:

```
rules/async-parallel.md
rules/bundle-barrel-imports.md
```

Each rule file contains:

- Brief explanation of why it matters
- Incorrect code example with explanation
- Correct code example with explanation
- Additional context and references

## Full Compiled Document

For the complete guide with all rules expanded: `AGENTS.md`