svelte-code-writer
CLI tools for Svelte 5 documentation lookup and code analysis. MUST be used whenever creating, editing or analyzing any Svelte component (.svelte) or Svelte module (.svelte.ts/.svelte.js). If possible, this skill should be executed within the svelte-file-editor agent for optimal results.
来源信息
- 仓库
- kenn-io/forge
- 最近来源活动
- 2026年7月17日 22:27
- 检测到的 SKILL.md 语言
- 英语
- 星标
- 192
- Forks
- 28
安装方式
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
检查来源文件
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
正在显示 SKILL.md
SKILL.md
来源说明 · 只读预览- name
- svelte-code-writer
- description
- CLI tools for Svelte 5 documentation lookup and code analysis. MUST be used whenever creating, editing or analyzing any Svelte component (.svelte) or Svelte module (.svelte.ts/.svelte.js). If possible, this skill should be executed within the svelte-file-editor agent for optimal results.
# Svelte 5 Code Writer
## CLI Tools
Use the repo-installed `@sveltejs/mcp@0.1.24` CLI for Svelte-specific assistance:
```bash
vp exec -- svelte-mcp <command>
```
Run these commands from the repository root. Always include the `--` separator after `vp exec`; without it, Vite+ exits before running `svelte-mcp`. Do not use `npx`, `npm`, or `bun x` for this tool.
### List Documentation Sections
```bash
vp exec -- svelte-mcp list-sections
```
Lists all available Svelte 5 and SvelteKit documentation sections with titles and paths.
### Get Documentation
```bash
vp exec -- svelte-mcp get-documentation "<section1>,<section2>,..."
```
Retrieves full documentation for specified sections. Use after `list-sections` to fetch relevant docs.
**Example:**
```bash
vp exec -- svelte-mcp get-documentation '$state,$derived,$effect'
```
### Svelte Autofixer
```bash
vp exec -- svelte-mcp svelte-autofixer "<code_or_path>" [options]
```
Analyzes Svelte code and suggests fixes for common issues.
**Options:**
- `--async` - Enable async Svelte mode (default: false)
- `--svelte-version` - Target version: 4 or 5 (default: 5)
**Examples:**
```bash
# Analyze inline code
vp exec -- svelte-mcp svelte-autofixer '<script>let count = $state(0);</script>'
# Analyze a file
vp exec -- svelte-mcp svelte-autofixer ./frontend/src/lib/Component.svelte
# Target Svelte 4
vp exec -- svelte-mcp svelte-autofixer ./Component.svelte --svelte-version 4
```
**Important:** When passing code with runes (`$state`, `$derived`, etc.) via the terminal, wrap inline code in single quotes. If you use double quotes, escape `$` as `\$` to prevent shell variable substitution.
## Workflow
1. **Uncertain about syntax?** Run `list-sections` then `get-documentation` for relevant topics with `vp exec -- svelte-mcp`
2. **Reviewing/debugging?** Run `svelte-autofixer` on the code with `vp exec -- svelte-mcp` to detect issues
3. **Always validate** - Run `svelte-autofixer` before finalizing any Svelte component
在 GitHub 查看