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