CLAUDE.md@by-framework/svelteB

CLAUDE.md@by-framework/svelte from overseastelegramaliterateperson865/awesome-claude-md is a CLAUDE.md file: the standing instructions Claude Code reads in that repo.

mdr add overseastelegramaliterateperson865/awesome-claude-md/by-framework/svelte/CLAUDE.md@git:20260405.ab9f266

Pins git:20260405.ab9f266 in mdr.lock. Pin the fingerprint instead.

Audit grade

B, 13 of 14 checks passed

Kind

CLAUDE.md file

Repository

overseastelegramaliterateperson865/awesome-claude-md

Path

by-framework/svelte/CLAUDE.md

Versions recorded

2

Latest version

git:20260405.ab9f266, committed Apr 5, 2026

First version recorded

Mar 20, 2026

Size

2,584 bytes

Repository stars

3

License

MIT

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# SvelteKit 项目

## 技术栈
- Svelte 5 + SvelteKit 2，TypeScript 严格模式
- Svelte 5 Runes 响应式系统
- Vitest 单元测试 + Playwright E2E 测试

## 项目结构
```
src/
  routes/       # 文件系统路由，+page.svelte / +layout.svelte / +server.ts
  lib/          # 共享代码，可通过 $lib 别名引用
    components/ # 可复用组件
    server/     # 仅服务端代码（数据库、密钥等）
  params/       # 路由参数匹配器
static/         # 静态资源
```

## Svelte 5 Runes 语法
- `$state(value)` 声明响应式状态，替代旧的 `let` 响应式变量
- `$derived(expr)` 派生计算值，替代 `$:` 语法
- `$effect(() => {})` 副作用，替代 `$:` 语句块
- `$props()` 声明组件属性，替代 `export let`
- `$bindable()` 声明可双向绑定的 prop
- 禁止使用旧版 Svelte 4 语法（`$:`, `export let` 等）

## SvelteKit 路由与数据加载
- `+page.ts` 中的 `load` 函数在客户端和服务端均可执行
- `+page.server.ts` 中的 `load` 仅在服务端执行，可安全访问数据库
- 表单处理使用 `+page.server.ts` 中的 `actions`，配合 `use:enhance` 渐进增强
- API 路由放在 `+server.ts` 中，导出 `GET/POST/PUT/DELETE` 函数

## 开发规范
- TypeScript 严格模式：`tsconfig.json` 中启用 `strict: true`
- 组件文件使用 `<script lang="ts">` 标签
- 服务端专用代码放在 `$lib/server/` 下，SvelteKit 会阻止客户端导入
- 环境变量：公开的用 `$env/static/public`，私密的用 `$env/static/private`

## 测试
- 单元测试：`npx vitest run`
- E2E 测试：`npx playwright test`
- 组件测试使用 `@testing-library/svelte` 的 `render` + `screen`
- E2E 测试文件放在 `tests/` 目录，使用 `test.describe` 组织用例
…

Read the whole file at its exact version.

How to install

mdr add overseastelegramaliterateperson865/awesome-claude-md/by-framework/svelte/CLAUDE.md@sha256:8d01dfcc5b454bcd

[![mdr](https://markdownregistry.com/badge/art_hrugmzxudqnm4kjy.svg)](https://markdownregistry.com/a/art_hrugmzxudqnm4kjy)

Versions

The registry has recorded 2 versions of this file, between Mar 20, 2026 and Apr 5, 2026, about one every 17 days.

Audit of the latest version

Source

API

GET https://markdownregistry.com/api/v1/artifacts/art_hrugmzxudqnm4kjy
GET https://markdownregistry.com/api/v1/resolve?ref=overseastelegramaliterateperson865/awesome-claude-md/by-framework/svelte/CLAUDE.md
GET https://markdownregistry.com/api/v1/blob/8d01dfcc5b454bcd7c43e9a3c87699f126c0fbd820adf3806605ada1b11f287f

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: what a CLAUDE.md file is · keeping AGENTS.md and CLAUDE.md in sync · which agent file does what.

More from overseastelegramaliterateperson865/awesome-claude-md

Every file in overseastelegramaliterateperson865/awesome-claude-md

Browse by kind, by grade B, or by owner.