MMCPMarkets
VM

varletjs/mcp

Developer tools

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기

12 stars 2 forks 품질 66 트렌드 8MIT
Repository Install

A Model Context Protocol Server for Varlet UI Provides AI assistants with comprehensive access to Varlet UI documentation, component APIs, and development resources.

개요

A Model Context Protocol Server for Varlet UI Provides AI assistants with comprehensive access to Varlet UI documentation, component APIs, and development resources. - - Get up and running in 5 minutes - - A comprehensive guide to usage - - Solutions to common problems - 🔍 : Get detailed information about Varlet UI components, props, events, and slots. - 📚 : Access installation guides, feature documentation, and best practices. - 🎯 : Pre-built prompts for component usage, layout design, and troubleshooting. - 🚀 : Built-in caching and efficient data retrieval. - 🌐 : Support for internationalization. - 🔄 : Support for multiple Varlet UI versions. - 📱 : Optimized for mobile development workflows. - 🛠️ : Rich tools and debugging features. - Node.js 18+ - npm or pnpm - Claude Desktop or other MCP-compatible client Add to your Claude Desktop configuration file: : ~/Library/Application Support/Claude/claude_desktop_config.json : %APPDATA%/Claude/claude_desktop_config.json : ~/.

README

원문 README의 일부입니다. 원문 보기.

Varlet MCP Server

📖 Guides

🌟 Features

  • 🔍 Component API Access: Get detailed information about Varlet UI components, props, events, and slots.
  • 📚 Documentation Tools: Access installation guides, feature documentation, and best practices.
  • 🎯 Smart Prompts: Pre-built prompts for component usage, layout design, and troubleshooting.
  • 🚀 Performance Optimized: Built-in caching and efficient data retrieval.
  • 🌐 Multi-language Support: Support for internationalization.
  • 🔄 Version Management: Support for multiple Varlet UI versions.
  • 📱 Mobile First: Optimized for mobile development workflows.
  • 🛠️ Developer Experience: Rich tools and debugging features.

📦 Installation

Prerequisites

  • Node.js 18+
  • npm or pnpm
  • Claude Desktop or other MCP-compatible client
npm install -g @varlet/mcp

Install from Source

git clone https://github.com/varletjs/varlet-mcp.git
cd varlet-mcp
pnpm install
pnpm run build
npm link

Verify Installation

varlet-mcp-server --version

🚀 Usage

{
  "mcpServers": {
    "varlet-ui": {
      "command": "npx",
      "args": [
        "-y",
        "@fe-fast/varlet-mcp"
      ],
      "env": {
        "VARLET_VERSION": "latest",
        "CACHE_TTL": "3600000"
      }
    }
  }
}

Integration with Claude Desktop

Add to your Claude Desktop configuration file:

macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
Windows: %APPDATA%/Claude/claude_desktop_config.json
Linux: ~/.config/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "varlet-ui": {
      "command": "varlet-mcp-server",
      "args": [],
      "env": {
        "VARLET_VERSION": "latest",
        "CACHE_TTL": "3600000"
      }
    }
  }
}

Integration with Other MCP Clients

Start the server directly:

varlet-mcp-server

Or use npx:

npx @varlet/mcp

Usage Examples in Claude

Once configured, you can ask Claude questions like:

GitHub에서 전체 README 보기

설치

npx -y @fe-fast/varlet-mcp
MCP 초보자라면? mcpskill.org 가이드부터 시작하세요 →

설정

{ "mcpServers": { "varlet-ui": { "command": "npx", "args": [ "-y", "@fe-fast/varlet-mcp" ], "env": { "VARLET_VERSION": "latest", "CACHE_TTL": "3600000" } } } }