使用说明
Svelte文件编辑器-自定义Kiro代理
一个专门的Kiro自定义代理,用于创建、编辑和查看Svelte 5组件和模块。此代理利用Svelte MCP服务器自动获取文档并验证代码。
该代理基于 官方Svelte MCP文件编辑代理 并适于用作Kiro定制子代理。
特征
- 专家Svelte 5知识和最佳实践
- 使用Svelte MCP工具自动获取文档
- 代码验证和自动修复
svelte-autofixer - 支持现代Svelte 5模式(符文、片段等)
- 检测并修复常见的Svelte 4到Svelte 5迁移问题
先决条件
您需要以下之一:
- Svelte MCP电源 (推荐):安装
svelte-mcp-power来自Kiro的电源面板 - 直接安装MCP:安装
@sveltejs/mcp作为Kiro配置中的MCP服务器
安装
-
复制
svelte-file-editor.md前往以下地点之一:~/.kiro/agents/svelte-file-editor.md(全局-在所有工作区中可用)<workspace>/.kiro/agents/svelte-file-editor.md(特定于工作空间)
-
重新启动Kiro或重新加载窗口
有关最新的安装说明,请参阅 Kiro关于定制子代理的官方文件.
用法
安装后,您可以通过多种方式调用代理:
自动调用
Kiro将根据任务描述在处理Svelte文件时自动选择此代理。
显式调用
请Kiro明确使用代理:
Use the svelte-file-editor agent to create a new Counter component
斜杠命令
在聊天中使用斜线命令:
/svelte-file-editor create a new Counter component with $state
可用的MCP服务器
代理人与以下人员合作:
@svelte-mcp-直接安装Svelte MCP服务器@power-svelte-mcp-power-svelte-通过以下方式提供MCP服务器svelte-mcp-power
两者都提供了官方提供的相同工具 @sveltejs/mcp 包裹。
使用的MCP工具
list-sections-列出可用的Svelte 5和SvelteKit文档get-documentation-获取特定的文档部分svelte-autofixer-分析Svelte代码并提出修复建议
示例任务
- “使用Svelte 5符文创建新的Todo组件”
- “检查此组件并修复任何Svelte 4模式”
- “为该表单组件添加适当的反应性”
- “验证此Svelte文件并修复任何问题”
配置
代理配置了:
- 模型:克劳德·十四行诗4
- 工具:读取、写入和Svelte MCP服务器工具
- 权力:已启用访问
svelte-mcp-power如果已安装
归因
此定制代理改编自 官方Svelte MCP文件编辑代理 由Svelte团队创建。
