Visual page builder and headless CMS.
## Plasmic CMS MCP Server: Visual Application Builder The **Plasmic CMS MCP Server** integrates Plasmic into Google Antigravity, enabling visual application building with component-based design, dynamic data binding, and code export directly from your development environment. ### Why Plasmic MCP? - **Visual Builder**: Design production apps visually - **Code Export**: Generate clean React/Next.js code - **Data Binding**: Connect to any data source - **Component Library**: Build and reuse components - **No Lock-In**: Export and own your code ### Key Features #### 1. Project Operations ```python # Get project data project = await mcp.get_project( project_id="project_123" ) print(f"Project: {project['name']}") # List components components = await mcp.list_components( project_id="project_123" ) for comp in components: print(f"Component: {comp['name']}") ``` #### 2. CMS Content ```python # Get CMS entries entries = await mcp.get_cms_entries( model="blog-posts", filters={"published": True}, limit=10 ) for entry in entries: print(f"Entry: {entry['data']['title']}") # Create CMS entry entry = await mcp.create_cms_entry( model="blog-posts", data={ "title": "New Post", "content": "Post content...", "published": False } ) ``` #### 3. Component Variants ```python # Get component variants variants = await mcp.get_variants( component_id="comp_123" ) for variant in variants: print(f"Variant: {variant['name']} - {variant['selector']}") # Create variant await mcp.create_variant( component_id="comp_123", name="Mobile", selector="@media (max-width: 768px)" ) ``` #### 4. Code Generation ```python # Export component code code = await mcp.export_component( component_id="comp_123", format="react" ) print(code["jsx"]) print(code["css"]) # Sync to codebase await mcp.sync_project( project_id="project_123", output_dir="./src/plasmic" ) ``` ### Configuration ```json { "mcpServers": { "plasmic-cms": { "command": "npx", "args": ["-y", "@anthropic/mcp-plasmic"], "env": { "PLASMIC_PROJECT_ID": "your-project-id", "PLASMIC_API_TOKEN": "your-api-token" } } } } ``` ### Use Cases **Landing Pages**: Design marketing pages visually with data integration. **Design Systems**: Build component libraries with visual documentation. **Rapid Prototyping**: Create interactive prototypes that become production code. **Marketing Teams**: Enable designers to ship without developer bottlenecks. The Plasmic CMS MCP enables visual application building within your development environment.
{
"mcpServers": {
"plasmic-cms": {}
}
}