Tailwind Svelte Assistant MCP Server
2025.05.09
0
JavaScript开发辅助前端开发SvelteKitTailwind CSS开发效率
Tailwind Svelte Assistant MCP Server 是一个模块化的多能力提供者（MCP）服务器，旨在协助AI代理和开发者工具进行SvelteKit和Tailwind CSS的开发工作流。它提供了程序化的访问方式，包括设置指令、组件模板、Tailwind类验证和文档片段，从而简化了基于Svelte和Tailwind的项目的开发过程。
View on GitHub
Overview
基本能力
产品定位
Tailwind Svelte Assistant MCP Server 是一个专为SvelteKit和Tailwind CSS开发工作流设计的辅助工具，提供自动化设置指导、组件模板生成、Tailwind类验证等功能，旨在提升开发效率和代码质量。
核心功能
- 自动化设置指导：提供逐步指导，帮助集成Tailwind CSS与SvelteKit。
- 组件模板生成：提供现成的Svelte组件模板，包括Headless UI和shadcn/ui的变体。
- Tailwind类验证：验证Tailwind CSS类和变体的正确性和兼容性。
- 文档片段检索：从本地文档中提取原始片段以供参考或解释。
- 概念解释：解析并解释开发概念，使用本地文档进行说明。
适用场景
- SvelteKit和Tailwind CSS项目的快速启动和开发。
- 开发者需要快速获取组件模板或验证Tailwind类。
- 需要从本地文档中提取或解释特定概念的场景。
工具列表
get_tailwind_svelte_setup_instructions：提供Tailwind CSS与SvelteKit的逐步设置指令。get_svelte_component_template：返回Svelte组件模板，支持多种变体。validate_tailwind_classes：验证Tailwind CSS类和变体的正确性。get_documentation_snippet：从本地文档中检索原始片段。explain_development_concept：解析并解释开发概念。
常见问题解答
- 文档更新：文档子目录是只读的，更新需进入相应子目录运行
git pull。 - 文件修改：不要使用MCP服务器工具修改文档子目录中的文件。
使用教程
使用依赖
- Node.js（推荐v16或更高版本）
- npm、pnpm或yarn
安装教程
- 克隆仓库：
sh git clone https://github.com/your-org/tailwind-svelte-assistant-mcp-server.git cd tailwind-svelte-assistant-mcp-server - 安装依赖：
sh npm install - 构建项目：
sh npm run build
调试方式
启动MCP服务器：
node build/index.js
通常由MCP客户端/运行器管理，适用于支持MCP协议的环境。