docs: update readme about Smithery

Author: xile611

README.md

@@ -18,6 +18,7 @@ A Model Context Protocol (MCP) server for the [@visactor/vchart](https://github.
 [![MCP Server](https://badge.mcpx.dev?type=server 'MCP Server')](https://modelcontextprotocol.io/)
 [![npm Version](https://img.shields.io/npm/v/@visactor/vchart-mcp-server.svg)](https://www.npmjs.com/package/@visactor/vchart-mcp-server)
 [![npm License](https://img.shields.io/npm/l/@visactor/vchart-mcp-server.svg)](https://www.npmjs.com/package/@visactor/vchart-mcp-server)
+[![smithery badge](https://smithery.ai/badge/@visactor/vchart-mcp-server)](https://smithery.ai/server/@visactor/vchart-mcp-server)
 
 </div>
 
@@ -259,7 +260,6 @@ Generates heatmaps, suitable for displaying data density and distribution.
 | `yAxisHasLabel` | Show Y axis labels     | `boolean`              | Optional |
 | `yAxisHasTick`  | Show Y axis ticks      | `boolean`              | Optional |
 
-
 ## Usage
 
 To use in desktop applications (such as Trae, Claude, VSCode, Cline, Cherry Studio, Cursor, etc.), add the following MCP server configuration:

README.zh-CN.md

@@ -17,6 +17,7 @@
 [![MCP Server](https://badge.mcpx.dev?type=server 'MCP Server')](https://modelcontextprotocol.io/)
 [![npm 版本](https://img.shields.io/npm/v/@visactor/vchart-mcp-server.svg)](https://www.npmjs.com/package/@visactor/vchart-mcp-server)
 [![npm 许可证](https://img.shields.io/npm/l/@visactor/vchart-mcp-server.svg)](https://www.npmjs.com/package/@visactor/vchart-mcp-server)
+[![smithery badge](https://smithery.ai/badge/@visactor/vchart-mcp-server)](https://smithery.ai/server/@visactor/vchart-mcp-server)
 
 </div>
 
@@ -289,6 +290,14 @@
 }
 ```
 
+### 通过 Smithery 安装
+
+要通过 [Smithery](https://smithery.ai/server/@VisActor/vchart-mcp-server) 自动为 Claude Desktop 安装 vchart-mcp-server，请运行：
+
+```bash
+npx -y @smithery/cli install @VisActor/vchart-mcp-server --client claude
+```
+
 ## 使用SSE或Streamable传输方式运行
 
 ### 安装与启动