# svelte-optimize

Команда превращает Claude Code в ассистента по оптимизации проектов на Svelte и SvelteKit. Она помогает сократить размер бандла и устранить задержки при рендеринге.

- команда · `type=command` · Claude Code · 149 установок
- Автор: davila7
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/commands/svelte/svelte-optimize.md
- Обновлён: 2026-10-24
- HTML: https://affpapa.org/nevibecode/commands/svelte-optimize

## Что делает

Команда запускает аудит приложений на Svelte и SvelteKit. Она проверяет сборку через `rollup-plugin-visualizer` и находит задержки в сетевом водопаде. В чек-лист входят сжатие gzip или brotli и перенос тяжёлых вычислений в WebAssembly. Это сужает поиск узких мест.

В коде ассистент применяет динамический импорт компонентов и настраивает маршруты. Для рендеринга предлагаются руны Svelte 5: `$state.raw` для крупных массивов данных и `$derived.lazy` для отложенных вычислений. Также настраиваются виртуальный скроллинг и ключи в блоках `each`.

В SvelteKit фокус смещается на предварительный рендеринг страниц и заголовки `cache-control` внутри функции `load`. Для анализа сборки потребуется заранее добавить плагин `rollup-plugin-visualizer`.

## Установка

### Claude Code (родная платформа)

1. **Через claude-code-templates**
```bash
npx claude-code-templates@latest --command svelte/svelte-optimize
```

2. **Вручную: положить файлы**
- Файл: `.claude/commands/svelte-optimize.md` — Вызов — /svelte-optimize. Для всех проектов — ~/.claude/commands/

### Codex

**Вручную: положить файлы**
- Файл: `~/.codex/prompts/svelte-optimize.md` — Вызов — /prompts:svelte-optimize. В Codex этот формат помечен устаревшим, замена — скиллы

### GitHub Copilot

**Вручную: положить файлы**
- Файл: `.github/prompts/svelte-optimize.prompt.md`

### Gemini CLI

**Вручную: положить файлы**
- Файл: `.gemini/commands/svelte-optimize.toml` — Gemini хранит команды в TOML: текст запроса — в поле prompt

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/commands/svelte/svelte-optimize.md

## Когда брать
- сократить вес бандла через динамический импорт и tree shaking
- устранить лишние ререндеры больших списков с помощью `$state.raw` и виртуализации
- настроить кэширование и предварительный рендеринг страниц в SvelteKit
- замерить Core Web Vitals и выявить узкие места в сетевом водопаде

## Примеры запросов агенту
- Моё приложение на SvelteKit медленно загружается, оптимизируй его производительность
- /svelte:optimize Проверь бандл SvelteKit и настрой разделение кода
- /svelte:optimize Оптимизируй рендеринг компонентов и добавь lazy loading для изображений

Из того же набора: [davila7/claude-code-templates](https://affpapa.org/nevibecode/by/davila7/claude-code-templates.md) — 740 карточек

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md