海外资源测评导航
tg4g海外资源测评导航
返回建站模板 海外资源 / 建站模板 / AI前端设计/MCP服务器 / gemini-design-mcp.com
G
🧱 建站模板 AI前端设计/MCP服务器 未知总部 国内优化

gemini-design-mcp.com 建站模板测评

用Gemini生成前端UI

8.0/10 中国可用
TTG4G 编辑组 ·更新于 2026-06-07 ·数据来源: ai_crawl 评测方法 ↗
数据来源
ai_crawl · 最近更新 2026-06-12

⚡ 评分构成

五维加权 · 满分 10
性能 / 功能25% 8.0
性价比20% 8.0
中国可用度20% 8.0
口碑20% 6.4
售后 / 退款15% 7.5

各维度得分依据公开资料与字段推算,加权后即综合评分,仅供参考。

行业深度解析AI 深度分析
一句话面向 AI Agent 与 IDE 的 MCP 前端设计生成服务器，将 Gemini 作为专门的前端/UI 生成助手接入现有编码工作流。
定价免费增值，按月订阅；也可自带 Google API Key Starter 免费，页面信息出现 20K tokens/月与文档 FAQ 10K tokens/月两种说法；Professional $19/月，1M tokens/月；Enterprise $79/月，6M tokens/月；所有计划包含全部 MCP 工具和 Discord 社区。可使用自有 Google API Key，无需平台账号，直接向 Googl
适合谁使用 Claude Code、Cursor、VS Code、Windsurf、JetBrains AI、Neovim、Warp、Gemini CLI、Claude Desktop、LM Studio 等工具进行前端开发的个人开发者、AI 编程用户和团队。
核心功能通过 MCP 将 Gemini 接入任意 AI Agent 与 IDEcreate_frontend 从自然语言生成完整响应式页面或组件modify_frontend 对现有前端组件进行局部视觉修改snippet_frontend 生成可插入的独立 UI 片段支持设计系统生成与后续页面风格一致性默认移动端优先和 Tailwind 响应式断点本地模式直接写入项目文件远程服务器模式无需本地 Node.js 安装
AI能力与模型产品本身是 MCP server，用于把 Gemini 作为前端设计/代码生成能力接入现有 AI Agent。官方强调可与 Claude、OpenAI 或其他模型协同：由主模型处理架构、后端逻辑和业务代码，Gemini 负责高保真 UI、响应式组件和设计系统。核心工具包括 create_frontend、modify_frontend、snippet_frontend，并支持生成 design-system.md 以保持风格一致。
典型用例从自然语言创建新页面或组件，如定价页、dashboard、landing page、settings page、login page；对已有组件做视觉重设计，如现代化 header、premium card、table 美化、Stripe 风格 sidebar；在现有页面中插入搜索下拉、通知菜单、暗黑模式切换、用户头像菜单；调整配色、紧凑度、间距、圆角和轻量动画。
免费额度/试用官网 Pricing 区写 Starter 免费含 20K tokens/month；文档 Getting Started/FAQ 又写免费层为 10K tokens/month，约 6-10 次组件生成。页面还标注 Get Started for Free、No Credit Card Required。
定价Starter 免费；Professional $19/月，1M tokens/month；Enterprise $79/月，6M tokens/month。所有计划均包含全部 MCP tools 和 Discord community。另可自带 Google API Key，无需账号，直接按 Google 侧计费。
中文支持抓取文本未提及中文界面、中文提示词、中文文档或中文客服支持。
API与集成通过 Model Context Protocol 集成 Claude Code CLI、Cursor、VS Code、Windsurf、Zed、JetBrains AI、Neovim、Warp、Gemini CLI、Claude Desktop、LM Studio、Copilot、DeepSeek、PyCharm 等。安装命令示例为 claude mcp add gemini-design-mcp --env API_KEY=YOUR_API_KEY -- npx -y g
数据隐私官方称 Context Isolation 会让 agent 只提取设计任务需要的前端上下文，如 CSS variables、component structure、design tokens；后端逻辑、API keys、数据库 schema 和敏感代码不会发送。远程模式下 API key 通过 Authorization header 发送到托管服务器。服务条款要求用户保护 API key。
输出质量与局限官方宣称输出 production-ready、responsive、accessible、polished UI，并默认移动端优先、使用 Tailwind 响应式前缀。局限在于官方主要强调 React + Tailwind CSS，Vue、vanilla HTML/CSS 和其他框架仅称“也可工作”；免费额度描述不一致；质量缺少第三方评测依据，实际仍需用户迭代修改。
中国访问未知
适用场景生成定价页、仪表盘、SaaS 落地页、设置页、登录页；重设计 header、card、table、sidebar、form；添加搜索栏、通知下拉、暗黑模式开关、用户菜单；对现有界面做配色、间距、圆角和动效微调。
同类Cursor、Claude Code、v0、Lovable、Bolt.new、Replit Agent、OpenAI Codex、GitHub Copilot
性价比7
易用8
服务5
综合7
优点
  • 与 Claude、OpenAI 等主力编程模型可在同一 IDE、同一上下文协作
  • MCP 工具边界清晰，适合将 UI 设计生成与后端逻辑开发分离
  • 支持本地和远程两种部署方式，接入路径较灵活
  • 生成结果可直接写入工作区，减少复制粘贴和上下文切换
  • 强调只发送相关前端上下文，降低敏感后端代码暴露风险
不足
  • 主要面向 React + Tailwind CSS，其他技术栈支持描述较泛
  • 免费额度在页面中存在 20K tokens/月和 10K tokens/月不一致
  • 输出质量以官方描述为主，缺少第三方基准或真实案例验证
  • 服务可用性条款中明确不保证 uninterrupted service
  • 中国大陆访问、支付方式和发票等信息未说明

深度测评

TG4G · 2026-06-07 更新 · 仅供参考

是什么

Gemini Design MCP 是一个面向 AI 编程工作流的 MCP server，核心定位是“让 Gemini 成为前端开发者”。用户仍在 Claude Code、Cursor、VS Code、Windsurf、JetBrains AI、Neovim、Warp 等熟悉环境中对话，由主 Agent 判断何时调用 Gemini 来生成或修改 UI，无需切换工具。

核心能力

它提供 create_frontend、modify_frontend、snippet_frontend 三类主要能力：前者用于从自然语言生成完整响应式页面或组件；modify_frontend 用于对已有组件做精确视觉调整；snippet_frontend 生成可插入的 UI 片段。产品强调 Context Isolation，只发送与设计相关的前端上下文，避免暴露后端逻辑、API key、数据库 schema 等敏感代码。默认移动端优先，并以 Tailwind 响应式断点生成布局；本地模式还能直接写入项目文件。

定价与试用

商业模式为免费增值加月订阅。Starter 免费，但页面中出现 20K tokens/月与文档 FAQ 10K tokens/月两种说法，需以实际后台为准。Professional 为 19 美元/月，含 1M tokens；Enterprise 为 79 美元/月，含 6M tokens。所有计划包含全部 MCP 工具和 Discord 社区。也可自带 Google API Key，直接向 Google 付费。

优缺点

优点是定位非常聚焦，适合把 Claude/OpenAI 用于架构和业务逻辑，把 Gemini 用于 UI 生成；MCP 集成范围广，本地与远程模式兼备，能减少复制粘贴和上下文切换。缺点是主要面向 React + Tailwind，其他栈支持仅泛泛提及；输出质量更多来自官方描述，缺少独立案例验证；免费额度信息不一致，服务条款也不保证持续可用。

适合谁与中国访问

它适合频繁用 AI 写前端的独立开发者、SaaS 创业者和团队，尤其是想在现有 Agent 中加入专门 UI 生成能力的人。中国大陆访问、支付方式、中文文档和中文客服均未在正文中说明，china_access 只能判定为未知；若受网络或支付限制，可考虑 Cursor、Claude Code、v0、Lovable、Bolt.new、Replit Agent、Copilot 等替代方案。

本测评基于公开资料整理,不构成购买建议,请以 gemini-design-mcp.com 官网实际信息为准。

中文卖点

MCP+AI前端开发，适合Cursor/Claude用户。

官网快照

/shot/gemini-design-mcp-com.png
gemini-design-mcp.com

价格走势

当前价 · 仅供参考
价格未公开 当前定价
价格采集自官网公开页面,实时更新;历史走势数据采集中,暂无足够历史样本。下单请以官网实时价为准。

用户评价

综合评分
8.0/10
TG4G 综合评分

评分明细(分布与用户短评)接入中。当前展示 TG4G 综合评分,数据源自公开测评与用户反馈。

常见问题

gemini-design-mcp.com 是一家未知的建站模板 (AI前端设计/MCP服务器)服务商. 本页收录其「用Gemini生成前端UI」套餐. MCP+AI前端开发，适合Cursor/Claude用户.
gemini-design-mcp.com 综合评分 8.0/10, 总部未知. 是什么 Gemini Design MCP 是一个面向 AI 编程工作流的 MCP server，核心定位是“让 Gemini 成为前端开发者”。用户仍在 Claude Code、Cursor、VS Code、Windsurf、JetBrains AI、Neovim、Warp 等熟悉环境中对话，由主... 完整深度测评见本页下方.
gemini-design-mcp.com 在中国大陆基本可用, 但部分时段可能出现延迟, 建议有备用线路. 该商家总部位于未知, 主要面向海外市场.
访问 gemini-design-mcp.com 官网完成注册即可使用. 注册一般需要邮箱 (推荐 Gmail/Outlook) 和支付方式. 多数海外服务支持信用卡 / PayPal / 加密货币. 完整流程见本页"前往官网"按钮.

浏览其他大类

🌾 农业食品 🤖 AI 应用 🔗 API 数据 🚪 API 网关 🧊 3D素材 🚗 汽车出行 🗃 备份容灾 📋 公司合规 📡 智能盒子 🌐 CDN 💬 聊天 App ☁ 网盘云盘 📖 漫画网文 ✉ 通讯邮箱 🏢 跨国名企 💰 加密 🗄 托管数据库 🏷 比价优惠 🎨 设计创意 🔧 开发工具 📡 DNS 解析 🌍 域名 ⬇ 下载软件 🛒 电商 📚 教育课程 📧 邮件发送 ⚡ 能源环保 🎫 活动票务 🎪 会展展会 📤 文件传输 🏦 金融钱包 📝 表单调研 💭 论坛社区 💸 众筹融资 🎮 游戏服务 🎮 游戏市场 🕹 游戏平台 🎁 订阅礼品卡 🏛 政府机构 🎯 GPU 算力 🔌 硬件 IoT 🩺 医疗健康 👔 招聘远程 🖼 图片灵感 🛡 保险 💼 求职招聘 📒 知识笔记 ⚖ 法务财税 📍 本地生活 📦 物流货运 🔎 生活查询 🗺 地图导航 📈 营销 SEO 📺 流媒体订阅 🎞 家庭影音 📰 新闻资讯 🤝 公益慈善 📄 办公协作 🌍 国际组织 ☁ 应用部署 🎛 主机面板 🔑 密码安全 💳 支付 🐾 宠物 👕 印刷定制 🎙 播客有声 🔌 代理 ❓ 问答内容 🏠 房产租售 ⚡ 实时通信 🖥 远程桌面 🗂 资源站 ⚙ SaaS ♻ 二手交易 🛡 安全 📱 短视频直播 📲 接码虚拟号 💬 社交约会 🔐 SSL 证书 💾 云存储 🎓 留学教育 🎧 在线客服 🧰 在线工具 🌐 翻译本地化 ✈ 旅游出行 🏛 全球大学 🚀 加速器 VC ▶ 视频平台 🎬 视频托管 🔒 VPN 隐私 🖥 服务器 🌐 虚拟主机 🔏 零信任组网