# 安装 HTML to Image

- 类型: MCP 工具
- 说明: 将 HTML 和 CSS 快速渲染为 PNG 图片，便于预览与分享
- ⚠ 安全: 该工具功能单一，主要通过向 app.html2img.com 发送 HTML/CSS 并返回 PNG，未要求密钥，整体风险不高但存在明显的数据外发与闭源不可审计带来的注意点。鉴于其来自官方 Registry 且近期有维护，整体更适合评为中低风险、需谨慎用于敏感内容场景。

## 方式一 · 一键代装（复制提示词让 AI 代劳）

### Claude Code
```
请帮我安装 askskill 上的 "HTML to Image" MCP 服务：
执行：claude mcp add --transport http 'com-html2img-html-to-image' 'https://app.html2img.com/mcp'
```

### Codex
```
请帮我安装 askskill 上的 "HTML to Image" MCP 服务：
在 ~/.codex/config.toml 中添加：
[mcp_servers.com-html2img-html-to-image]
url = "https://app.html2img.com/mcp"
然后重启 Codex 生效
```

### Cursor
```
请帮我安装 askskill 上的 "HTML to Image" MCP 服务：
在 .cursor/mcp.json 的 "mcpServers" 中添加：
"com-html2img-html-to-image": { "url": "https://app.html2img.com/mcp" }
然后在 Cursor 设置 > MCP 中启用
```

## 方式二 · 命令行安装（原生命令与配置）

### Claude Code
```bash
claude mcp add --transport http 'com-html2img-html-to-image' 'https://app.html2img.com/mcp'
```

### Codex
```bash
codex mcp add 'com-html2img-html-to-image' --url 'https://app.html2img.com/mcp'
```
配置文件 ~/.codex/config.toml：
```toml
[mcp_servers.com-html2img-html-to-image]
url = "https://app.html2img.com/mcp"
```

### Cursor
配置文件 .cursor/mcp.json：
```json
{
  "mcpServers": {
    "com-html2img-html-to-image": {
      "url": "https://app.html2img.com/mcp"
    }
  }
}
```
一键安装：cursor://anysphere.cursor-deeplink/mcp/install?name=com-html2img-html-to-image&config=eyJ1cmwiOiJodHRwczovL2FwcC5odG1sMmltZy5jb20vbWNwIn0