Integrations
Offers detailed documentation for integrating Hugeicons into Angular applications, with platform-specific usage examples and code snippets.
Provides Flutter-specific implementation guide for Hugeicons, helping developers integrate icon components into Flutter applications.
Provides integration guide and usage instructions for implementing Hugeicons in React applications, including installation steps and component props documentation.
Hugeicons MCP 服务器
用于 Hugeicons 集成和文档的 MCP 服务器
这是一个基于 TypeScript 的 MCP 服务器,提供将 Hugeicons 集成到各种平台的工具和资源。它实现了一个模型上下文协议 (MCP) 服务器,帮助 AI 助手提供 Hugeicons 的精准使用指导。
特征
工具
list_icons
- 获取所有可用的 Hugeicons 图标列表search_icons
- 按名称或标签搜索图标get_platform_usage
- 获取 Hugeicons 平台特定的使用说明
资源
平台文档(Markdown格式):
hugeicons://docs/platforms/react
- React 集成指南hugeicons://docs/platforms/vue
- Vue 集成指南hugeicons://docs/platforms/angular
- Angular 集成指南hugeicons://docs/platforms/svelte
- Svelte 集成指南hugeicons://docs/platforms/react-native
- React Native 集成指南hugeicons://docs/platforms/flutter
- Flutter 集成指南
图标数据:
hugeicons://icons/index
- 所有 Hugeicons 的完整索引(JSON 格式)
功能
该服务器提供全面的 Hugeicons 集成支持,包括:
- 图标发现和搜索
- 特定平台的安装指南
- 带有代码片段的用法示例
- 组件 props 文档
- 软件包安装说明
发展
安装依赖项:
构建服务器:
对于使用自动重建的开发:
安装
要与 Claude Desktop 一起使用,请添加服务器配置:
在 MacOS 上: ~/Library/Application Support/Claude/claude_desktop_config.json
在 Windows 上: %APPDATA%/Claude/claude_desktop_config.json
args 数组指定:
-y
:自动对 npx 提示回答“是”- 软件包名称:
@hugeicons/mcp-server
快速入门
您也可以直接使用 npx 运行服务器:
调试
由于 MCP 服务器通过 stdio 进行通信,调试起来可能比较困难。我们推荐使用MCP Inspector ,它以包脚本的形式提供:
检查器将提供一个 URL 来访问浏览器中的调试工具。
You must be authenticated.
用于 Hugeicons 集成和文档的 MCP 服务器
这是一个基于 TypeScript 的 MCP 服务器,提供将 Hugeicons 集成到各种平台的工具和资源。它实现了一个模型上下文协议 (MCP) 服务器,帮助 AI 助手提供 Hugeicons 的精准使用指导。