Tuval Studio

Name: Tuval Studio
Author: ariferol01

作者：ariferol01版本 1.0.7i★ –i在你的电脑上运行

注册名称io.github.ariferol01/tuval-studio

安装

概览

作者提供的说明（英文原文）

Tuval Studio MCP: Graphic design, AI design & PDF catalog generator for Claude, Cursor & AI agents.

PopNx MCP 的三大支柱

这三项永远不会合并成一个分数：意见、测量和人气是不同的东西。

用户评价i暂无评价评价功能将在后续阶段与账户功能一起开放
我们的基础检查i1 项中通过 1 项依据公开信息检查；尚未扫描代码
使用情况i尚未统计★ –

它能帮你做什么

我们还没有为它写通俗的介绍。下面是我们从注册中心读取到的事实。

连接方式: 在你的电脑上运行
传输方式: stdio
分类: 设计、图片与音频

安装

选择你使用的 AI 应用，然后复制设置。

安装之前

基础检查：1 项中通过 1 项
在你的电脑上运行，拥有你的用户账户的权限（文件、网络、应用）。
注册中心没有列出需要填写的密钥。

你需要

npm已安装 Node.js（用于 npx 命令）

你用的是哪个应用？

ClaudeClaude CodeCursorVS CodeChatGPT

在上方选择你的应用。我们会记住它，下次按钮会显示“安装到 …”。

打开 Claude Desktop → Settings → Developer → Edit Config，把下面的内容粘贴到 claude_desktop_config.json

{
  "mcpServers": {
    "tuval-studio": {
      "command": "npx",
      "args": [
        "-y",
        "@ariferol01/tuval-studio-mcp"
      ]
    }
  }
}

在终端中运行这条命令

claude mcp add tuval-studio -- npx -y @ariferol01/tuval-studio-mcp

在 Cursor 中打开

或者自己复制设置

粘贴到项目中的 .cursor/mcp.json，或 ~/.cursor/mcp.json

{
  "mcpServers": {
    "tuval-studio": {
      "command": "npx",
      "args": [
        "-y",
        "@ariferol01/tuval-studio-mcp"
      ]
    }
  }
}

浏览器会先询问是否打开应用，然后应用会显示设置并请你确认。密钥的值会留空，由你自己填写。

在 VS Code 中打开

或者自己复制设置

粘贴到项目中的 .vscode/mcp.json

{
  "servers": {
    "tuval-studio": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@ariferol01/tuval-studio-mcp"
      ]
    }
  }
}

浏览器会先询问是否打开应用，然后应用会显示设置并请你确认。密钥的值会留空，由你自己填写。

这个服务器在你的电脑上运行，而 ChatGPT 只能连接互联网上的服务器。请选择其他应用。

你的选择通过 Cookie 保存在这台设备上，无需账户。

这些设置是根据作者在注册中心的条目生成的。如果 README 的写法不同，请以 README 为准。

它能做什么

它在你的电脑上运行；安装后，工具列表会显示在你的 AI 应用中。

基础检查i

我们检查的是任何人都能看到的信息；我们没有阅读代码。不适用的检查项不计入总数。 · 检查于 2026年11月8日

✓ 通过
作者与仓库一致
注册名称已通过 GitHub 账户 ariferol01 验证，该账户拥有此仓库
… 尚未检查
仍在维护
我们还没有从 GitHub 读取这个仓库
… 尚未检查
有许可证
我们还没有从 GitHub 读取这个仓库
– 不适用
端点有响应
它在你的电脑上运行，没有互联网端点
– 不适用
使用 OAuth 登录
在你的电脑上运行，改用本地设置
… 尚未检查
工具描述中没有隐藏指令
它在你的电脑上运行；我们只能读取互联网端点的工具列表

与“设计、图片与音频”中的其他服务器比较i

星标数多于此分类中其他 2754 个服务器的 0%
发布到注册中心的时间比此分类中其他 2754 个服务器的 46% 更新
基础检查结果等于或优于此分类中其他 2754 个服务器的 100%

与注册中心里这个分类中所有活跃的服务器比较。只有当发布者拥有该仓库时，星标数才计入。

常见问题

Tuval Studio 安全吗？

它在 1 项适用的基础检查中通过了 1 项。我们没有阅读代码。在添加密钥或令牌之前，请先看看这个服务器要求哪些权限，并使用只具备所需权限的密钥。

它需要哪些密钥或代码？

注册中心没有列出必需的密钥，不过有些服务器会在首次使用时要求你登录。

它在我的电脑上运行还是在云端？

它在你的电脑上运行。你的 AI 应用会在需要时启动它，数据不会经过作者的服务器（除非它自己调用在线服务）。

它还在维护吗？

GitHub 仓库最后更新于–，最新版本（1.0.7）于33天前进入注册中心。

哪些应用可以使用它？

支持 MCP 的应用，例如 Claude Desktop、Claude Code、Cursor 和 VS Code。你的电脑上还需要有 Node.js。

有什么可以替代它？

同一分类中有：Figma Context MCP, Claude Real Video, Figma MCP Server

替代选择

同一分类中其他作者的服务器，按星标数排序。

如何看卡片：★ GitHub 星标i三大支柱：评价 · 检查 · 使用情况i更新 = 最新版本发布到注册中心的时间i

Figma Context MCP

作者：GLips

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

在你的电脑上运行★ 16,165MIT5个月前更新

安装

Claude Real Video

作者：HUANGCHIHHUNGLeo

Let any LLM watch a video locally — and search everything it has ever watched.

在你的电脑上运行★ 2,284MIT2个月前更新

安装

Figma MCP Server

作者：figma

The Figma MCP server brings Figma design context directly into your AI workflow.

在云端运行★ 2,15213个月前更新

安装

作者的 README

打开 README

按原文从作者的仓库复制。PopNx MCP 没有审查或背书其内容。HTML、图片和脚本已被移除。链接会离开本站。

Tuval Studio MCP Server 🎨

The Graphic Design MCP, AI Design MCP & PDF Generator MCP for AI Agents

Tuval Studio MCP is the official MCP server for Tuval Studio (tuval.site).

It empowers desktop AI agents — including CodeDL, Claude Desktop, Cursor, Codex, Antigravity, Windsurf, Cline, Roo-Code, and OpenCode — with an autonomous, vision-guided design engine for:

🎨 Graphic Design MCP & AI Design MCP: Automated vector composition, typography, mesh gradients, and smart layout audits.
📄 PDF Generator MCP & Catalog Generator: Multi-page PDF catalog generation, magazine layouts, brochures, and pitch decks.
📊 Presentation Generator & Slide Decks: High-resolution multi-page slide creation with synchronized typography and consistent visual branding.
📱 Social Media Design: 1-click marketing banners, Instagram stories, YouTube thumbnails, and ads with zero text overflow.

Looking for a design MCP, PDF MCP, catalog MCP, or graphic design MCP? Tuval Studio MCP connects your AI agent directly to an interactive, client-side browser canvas with 100% privacy and real-time visual feedback!

🌟 Core Features

⚡ Powered by APIDL Engine ([apidlai.com](https://apidlai.com)): Breakthrough closed-loop design orchestration developed by apidlai.com. Converges in 2–3 iterative phases (draft -> refine -> final) with automated Quality Gate audits, slashing token costs by ~92% and accelerating execution by 10x compared to traditional single-call MCP tools.
🚀 Zero-Cloud & 100% Private: Operates entirely in your local browser through a high-speed local WebSocket bridge (ws://127.0.0.1:8765). Zero account or server storage required.
📚 Multi-Page PDF Catalog Engine: Autonomous creation, management, and export of multi-page magazines, lookbooks, product brochures, and pitch decks with pdf_export_catalog.
👁️ Multimodal Vision-in-the-Loop: Every action returns high-res visual snapshots (Base64 PNG) and layer coordinates so AI agents inspect, critique, and perfect their designs visually.
🛡️ Zero-Overflow & Boundary Guard: Built-in validation protocol ensuring all typography, buttons, and badges maintain safe margins (min 50px) with no clipping.
✨ Full Graphic Suite: Multi-layer vector manipulation, custom Google Fonts (Sora, Inter, Playfair, Cinzel, Syne, etc.), mesh gradients, geometric pattern textures, and 1-click AI background removal.
💻 Local File Loading: Load and composite any local photo, asset, or logo from your computer hard drive directly onto the canvas.

⚡ Quick Setup for AI Agents

Add the configuration below to your AI agent's MCP settings file:

1. Claude Desktop (`claude_desktop_config.json`)

"mcpServers": { "tuval-studio": { "command": "npx", "args": ["-y", "@ariferol01/tuval-studio-mcp@latest"] } } }

2. CodeDL, Cursor, Codex, Antigravity, Windsurf, Cline & Roo-Code

"mcpServers": { "tuval-studio": { "command": "npx", "args": ["-y", "@ariferol01/tuval-studio-mcp@latest"] } } }

How it works: Open Tuval Studio in your browser tab. When your AI agent executes design commands, it connects instantly to your active canvas tab!

🛠️ Complete MCP Tool Catalog

1. Document & Multi-Page PDF Engine

Tool	Description
`pages_list`	Lists all pages in the document with indices, dimensions, and active status.
`pages_add`	Creates a new page (blank or cloned template) for catalog & brochure workflows.
`pages_switch`	Switches the active canvas viewport to a specific page index (`0, 1, 2...`).
`pages_duplicate`	Clones the current page layout and all layers to maintain visual consistency.
`pages_delete`	Deletes a page from the document.
`pages_reorder`	Moves / reorders a page from one position to another in the multi-page filmstrip.
`pdf_export_catalog`	Compiles all pages into a print-ready, high-resolution multi-page PDF document.

2. Canvas & Artboard Setup

Tool	Description
`studio_check_status`	Checks connection status and instructs agent to open `https://tuval.site/editor`.
`canvas_create_new`	Initializes a blank canvas with custom width, height, and background color.
`canvas_set_dimensions`	Applies standard dimensions or social presets (`1080x1080`, `1080x1920`, `1280x720`, `1200x630`).
`canvas_set_background`	Sets solid background color, alpha transparency, or full-bleed background textures.
`canvas_set_gradient`	Applies mesh gradients (`cyber`, `sunset`, `emerald`, `space`, `gold`, `candy`, `noir`).
`canvas_set_pattern`	Applies geometric textures (`dots`, `grid`, `carbon`, `isometric`, `topography`, `circuit`).
`canvas_load_template`	Loads curated design templates (`neon-sale-story`, `social-launch`, `youtube-thumbnail`).
`canvas_clear`	Clears all objects from the current canvas.

3. Typography & Vector Shapes

Tool	Description
`text_add`	Adds text with Google Fonts (`Sora`, `Inter`, `Playfair Display`, `Bebas Neue`, `Cinzel`, `Syne`).
`text_update_style`	Updates font family, font size, color, letter spacing, line height, text align, and content.
`shape_add`	Inserts geometric shapes (`rect`, `circle`, `triangle`, `star`, `hexagon`, `heart`, `pill`, `badge`).
`shape_update_style`	Modifies shape fill color, border stroke, corner radius (`rx/ry`), opacity, and shadow.
`svg_add`	Places curated badges, trust stickers, flares, stars, and callouts onto the canvas.

4. Images, Media & Local Assets

Tool	Description
`assets_load_from_path`	Reads an image from the user's local hard drive and converts it for instant canvas placement.
`assets_list_local`	Scans and lists local images and logos available in the workspace.
`image_add`	Inserts an image from URL, local file path, or Base64 (supports `{ isBackground: true }`).
`image_crop`	Crops images by bounding box coordinates or aspect ratio.
`image_remove_bg_auto`	1-click client-side background remover.
`image_remove_bg_magic`	Magic wand background extraction with configurable color tolerance.
`filter_apply_preset`	Applies aesthetic color grading (`Warm Film`, `Cyberpunk`, `Moody Noir`, `Vivid HDR`, `Film Grain`).

5. Layer Management, Layout Audit & Vision Inspection

Tool	Description
`design_audit_layout`	Automated zero-overflow and collision audit across all text and image layers.
`studio_get_view`	Captures high-res canvas snapshot (Base64 PNG) & layer tree for visual AI audit.
`layer_reorder`	Moves layers in stack (`bring_to_front`, `send_to_back`, `bring_forward`, `send_backward`).
`layer_align`	Aligns layers to canvas center, left, right, top, or bottom.
`layer_transform`	Adjusts rotation angle, flip X/Y, opacity, drop shadow, and blend modes.
`layer_duplicate` / `layer_delete`	Duplicates or removes specific layers.
`studio_batch_actions`	Executes sequential multi-step commands in a single atomic call.
`studio_execute_apidl`	Iterative Closed-Loop APIDL Pipeline: Executes batch design scripts, returns multimodal visual state + layer collision audit, enforces Golden Ratio standards, and converges in 2-3 iterations (`draft` -> `refine` -> `final`).
`project_set_title`	Renames the design project.
`project_export_download`	Triggers browser download for PNG, JPG, WebP, or SVG graphics.

🎯 Example Prompts for AI Agents (CodeDL, Claude, Cursor, Codex, Antigravity)

1. Multi-Page Product Catalog & PDF Generation

*"Use Tuval Studio MCP to create a 4-page modern Scandinavian furniture catalog. Design an editorial cover on Page 1, a product grid with pricing on Pages 2 and 3, and contact/order details on Page 4. Inspect each page with vision audit for safe margins and export the final multi-page PDF."*

2. Social Media Design & Banner Generation

*"Design a high-contrast Cyberpunk social media ad banner (1080x1080) for a product launch. Apply dark gradient backgrounds, bold typography, neon callout badges, and verify with design_audit_layout that no text overflows boundaries."*

3. Presentation Generator & Pitch Decks

*"Build a 5-slide pitch deck presentation in Tuval Studio. Maintain brand colors, modern typography hierarchy, clean card layouts, and export the entire deck as a print-ready PDF."*

🔍 Tags & Keywords

Tuval Studio MCP · MCP server · graphic design MCP · AI design MCP · PDF generator MCP · PDF MCP · design MCP · catalog MCP · catalog generator · presentation generator · social media design · AI agents · CodeDL · Claude · Cursor · Codex · Antigravity