Svelte文件编辑器

一个专为创建、编辑和审查Svelte 5组件和模块而设计的自定义Kiro代理工具。

  • by coreyx
  • 本地部署
  • 1 星标
  • 更新于
在 GitHub 查看 coreyx/svelte-file-editor

使用说明

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服务器

安装

  1. 复制 svelte-file-editor.md 前往以下地点之一:

    • ~/.kiro/agents/svelte-file-editor.md (全局-在所有工作区中可用)
    • <workspace>/.kiro/agents/svelte-file-editor.md (特定于工作空间)
  2. 重新启动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团队创建。

了解更多