EC欧洲组件库MCP服务器
一种模型上下文协议（MCP）服务器，为AI代理提供对欧盟委员会组件库文档的访问。
特性
- 全文搜索 159页文档
- 结构化数据 具有类别和层次路径
- 代码示例提取 -来自85页的270个干净的HTML示例
- 全覆盖 EC组件、表单、媒体、导航、实用程序和布局
安装
从GitHub安装：
npm install github:brownrl/ecl_mcp配置
魅力粉碎
创建一个 .crush.json 项目根目录中的文件：
{
"$schema": "https://charm.land/crush.json",
"mcp": {
"ecl": {
"command": "npx",
"type": "stdio",
"args": [
"ecl-mcp"
]
}
}
}带MCP扩展的VSCode
创建一个 .vscode/mcp.json 项目根目录中的文件：
{
"servers": {
"ecl": {
"type": "stdio",
"command": "npx",
"args": [
"ecl-mcp"
]
}
}
}克劳德桌面
添加到您的Claude Desktop配置中：
{
"mcpServers": {
"ecl": {
"command": "npx",
"type": "stdio",
"args": [
"ecl-mcp"
]
}
}
}可用工具
start_here
先叫这个！ 基本设置指南，包括资产下载脚本和快速入门说明。返回构建ECL页面的完整工作流程。所有其他工具都假设你必须先阅读这篇文章。
参数： 无
______________________________________________________________________
search_documentation_pages
搜索EC Europa组件库文档。返回匹配的页面及其标题、URL、类别和层次结构信息。
参数：
query（string，必填）：搜索查询以查找相关文档页面limit（number，可选）：返回的最大结果数（默认值：10）
______________________________________________________________________
get_documentation_page
通过URL获取特定文档页面的完整HTML内容。搜索后使用此链接检索完整的代码示例和详细文档。
参数：
url（string，必填）：要检索的页面的完整URL（来自搜索结果）content（boolean，可选）：如果为true（默认），则返回已清理的页面内容。如果为false，则返回原始HTML。
______________________________________________________________________
get_documentation_page_examples
通过URL从特定文档页面获取代码示例。只返回带有标签的代码块，使其比解析完整HTML更快。
参数：
url（string，必填）：从（搜索结果中）检索示例的页面的完整URL
______________________________________________________________________
get_starter_template
获取一个基本的HTML入门模板，其中包含正确的ECL本地资源设置，即可使用。在添加ECL组件之前，请以此为基础。返回一个完整的HTML页面，其中包含正确的脚本标签、CSS链接和本地资源URL。
参数：
title（字符串，可选）：页面标题（可选，默认为“ECL页面”）
______________________________________________________________________
get_documentation_pages_list
获取ECL文档数据库中所有页面的完整列表。返回所有159个页面的URL、标题、类别和层次结构信息。
参数： 无
______________________________________________________________________
list_recipes
列出所有ECL配方-预构建的组件组合和模式。返回所有按ID排序的食谱及其元数据。比单个组件文档更全面。
参数： 无
______________________________________________________________________
get_recipe
按ID获取完整的食谱。返回完整的降价内容，包括分步说明、代码示例和最佳实践。在recipe_search之后使用此命令以获取实现细节。
参数：
id（数字，必填）：Recipe_search结果中的配方ID
______________________________________________________________________
search_examples
使用自然语言查询搜索所有代码示例。返回匹配的示例及其代码、标签和源页面URL。可用于查找特定的HTML模式、组件实现或使用示例。
参数：
query（字符串，必填）：搜索查询以查找相关代码示例（例如，“主要按钮”、“需要复选框”、“表单验证”）limit（number，可选）：返回的最大结果数（默认值：10）
______________________________________________________________________
get_example
通过ID获取特定代码示例。在search_example.s之后使用此命令可检索特定示例的完整代码。
参数：
id（number，必填）：search_examples结果中的示例ID
______________________________________________________________________
数据库
服务器使用SQLite数据库(ecl-database.sqlite，约21MB），包含：
文档：
- 159个抓取的文档页面
- 完整的HTML内容和经过清理的内容版本
- 元数据（标题、类别、层次路径）
- FTS5全文搜索索引
代码示例：
- 从85页中提取270个代码示例
- 用位置标记示例
- 单独的FTS5索引用于快速代码搜索
食谱：
- 精心策划的实施模式和工作流程
- 带代码的分步指南
- 难度级别和组件列表
- FTS5已编入索引以供搜索
技术细节
MCP协议： 模型上下文协议v1.0\ 运输： 标准\ ECL版本： v4.11.1\ 数据库： 带FTS5全文搜索的SQLite 3\ CDN： 官方EC CDN（cdn1.fpfis.tech.europa.eu）
许可证
没有，我只是出于教育目的分享这个。请克隆并按照您认为合适的方式使用！