Awesome MCPDesign & Visualization

magicuidesign/mcp

⭐ 203 JavaScript added to this list on 2025-05-06 repository created 2025-04-16

magicuidesign/mcp is the official Model Context Protocol server for Magic UI, a React and Tailwind component library of UI elements, layouts, animations and visual effects. The server gives an MCP-capable coding assistant direct access to the Magic UI registry so that a request such as adding a marquee of logos, a blur fade text animation or a grid background can be answered with the real component source and installation instructions rather than guessed code. Three tools make up the interface. listRegistryItems returns registry entries with optional filters for kind, free-text query, limit and offset, and is the recommended entry point for browsing. searchRegistryItems performs a keyword search across item names, titles, descriptions and registry types with pagination. getRegistryItem returns the full record for a single item, including install instructions and optionally its source code, related items and usage examples. The server reads from the live registry rather than from hardcoded category buckets, which keeps the tool surface small; the project notes that some MCP clients limit how many tools they can call, and that broad discovery concepts such as widgets, media or devices are not modelled as first-class categories in the API. It is distributed on npm as @magicuidesign/mcp and runs through npx. Installation is either automatic, via npx @magicuidesign/cli install for a named client, or manual through an mcpServers entry in the IDE configuration. Supported clients listed in the README are Cursor, Windsurf, Claude, Cline and Roo-Cline. The project is MIT licensed and written in JavaScript.

https://github.com/magicuidesign/mcp

mcpmcp-servermagic-uireacttailwindui-componentsdesign-systemregistryjavascript

Also in Design & Visualization

ahujasid/blender-mcp

An MCP server and Blender add-on that lets a model inspect and manipulate a Blender scene for prompt-driven 3D modelling.

pascalorg/editor

Browser-based 3D architectural building editor built with React Three Fiber and WebGPU that ships an MCP server package exposing scene tools, resources, prompts and local storage to MCP-compatible AI hosts.

GLips/Figma-Context-MCP

GLips/Figma-Context-MCP is an MCP server that provides Figma layout and design information to AI coding agents like Cursor, enabling accurate one-shot design implementation in code.

markmap/markmap

Markmap is a tool that visualizes Markdown content as interactive mindmaps and includes an MCP Server for enhanced interoperability within the Model Context Protocol ecosystem.

sonnylazuardi/cursor-talk-to-figma-mcp

Cursor Talk to Figma MCP integrates Cursor AI with Figma using the Model Context Protocol to enable programmatic reading and modification of Figma designs for enhanced design automation.

antvis/mcp-server-chart

mcp-server-chart is a TypeScript-based Model Context Protocol server by AntV that generates over 25 types of visual charts using the AntV library and returns image URLs for each chart.

neka-nat/freecad-mcp

FreeCAD MCP is an MCP server that enables automated and scripted control of FreeCAD through Claude Desktop for enhanced CAD modeling workflows.

GongRzhe/Office-PowerPoint-MCP-Server

Office-PowerPoint-MCP-Server is a comprehensive MCP server enabling programmatic creation and manipulation of PowerPoint presentations using the MCP protocol and python-pptx, featuring 32 tools across 11 modules for professional presentation automation.