Global (EN)
Setup GuideSaved Tools
Back to All MCP Servers
F

Framesmith

Verified Integration
Author: @vicmaster•Category: ServerApplication
GitHub Repository
JSON-RPC 2.0
Protocol Standard
Sub-second
Execution Latency
Active
Operational Status
Tags:#Claude#Search#Database#API#Git#Filesystem#AI#GitHub#Node.js#Automation

Client Configuration

— Connect Framesmith to Claude Desktop or Cursor in seconds
{
  "mcpServers": {
    "framesmith-1": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-framesmith-1"
      ],
      "env": {}
    }
  }
}
Paste into ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows).
Architecture & Capabilities

System Overview

Empower AI assistants with a visual design canvas by rendering HTML/CSS scene graphs to PNG images through headless Chromium.

Indexed Date

7/23/2026

License

Open Source

Protocol Layer

stdio / SSE RPC

Frequently Asked Questions

Architecture and operational details for Framesmith

Framesmith is an open-source MCP (Model Context Protocol) server that provides AI coding agents with a visual design canvas. It solves the problem of designing and agreeing on UI layouts before writing any framework code, by enabling AI to sketch UIs and render them to high-fidelity PNG images via headless Chromium.

Related MCP Servers

Browse all servers →
C
@carboneio
Carbone

Empower AI assistants to generate and convert documents, manage templates, and automate document workflows efficiently.

ClaudeSearchDatabase+65 FAQs
Learn more
C
@sebastienrousseau
CloudCDN

Provides a multi-tenant, AI-native Content Delivery Network deployable on Cloudflare, featuring sub-100ms TTFB, AI agent controllability, and comprehensive accessibility.

ClaudeSearchDatabase+65 FAQs
Learn more
C

Deploy a Model Context Protocol server on Cloudflare Workers without requiring authentication.

ClaudeSearchDatabase+55 FAQs
Learn more