Lang Svelte
Navigate, test, and build Svelte or SvelteKit apps.
Skill metadata
| Source | Bundled (installed by default) |
| Path | skills/software-development/lang-svelte |
| Version | 1.1.0 |
| Author | VibeOS |
| License | MIT |
| Platforms | linux, macos, windows |
Reference: full SKILL.md
к сведению
The following is the complete skill definition that VibeOS loads when this skill is triggered. This is what the agent sees as instructions when the skill is active.
Svelte / SvelteKit Language Pack Skill
Drive Svelte / SvelteKit work with the project index and standard CLI recipes.
LSP hint: svelte-language-server (editor-side when applicable). Zero new core tools.
What this language is (beginner)
Фреймворк UI с очень простым синтаксисом: меньше «магии» в рантайме, код компилируется в эффективный JS.
Лучше всего для:
- быстрые и «лёгкие» веб-приложения
- SvelteKit full-stack сайты
- UI, где важны простота и DX
When to Use
Выбирай этот pack, если:
- есть svelte.config.*
- хотите простой реактивный фронтенд
- пользователь явно просит Svelte/SvelteKit
Manifests (автодетект репозитория): svelte.config.js/ts/mjs
Обычно рядом: TypeScript; часто Vite.
См. также skill choose-language-pack, если цель ещё не ясна.
When NOT to use
- нужна огромная экосистема React → TypeScript/React
- контент + острова гидрации → Astro
- уже Nuxt/Vue команда → Vue
Prerequisites
vibeos pack apply lang-svelte --apply
vibeos pack apply project-intelligence --apply
How to Run
vibeos project index build
npx svelte-check --tsconfig ./tsconfig.json
npx vitest run
npm run build
Quick Reference
| Goal | Command |
|---|---|
| Apply pack | vibeos pack apply lang-svelte --apply |
| Doctor | vibeos language doctor svelte |
| Primary test | npx vitest run |
| Choose guide | skill choose-language-pack |
Procedure
- Если язык ещё не выбран для нового проекта — сначала
choose-language-pack. - Work from the project root that matches pack manifests.
- Index query →
read_file→ edit → path-scoped tests when iterating. - Prefer the package manager / toolchain already locked in the repo.
- Explain non-obvious toolchain choices in plain language for the user.
Pitfalls
- SvelteKit routes live under src/routes — keep edits route-scoped.
- svelte-check needs tsconfig when TypeScript is on.
- Do not invent core tools; stay on
terminal+read_file+ index CLI.
Verification
vibeos language doctor svelte
npm run check || npx svelte-check --tsconfig ./tsconfig.json