High-fidelity prototyping tool.
## ProtoPie MCP Server: Advanced Interactive Prototyping The **ProtoPie MCP Server** integrates the professional prototyping platform directly into Google Antigravity, enabling AI assistants to create highly realistic interactive prototypes with sensor inputs, conditional logic, and multi-device experiences. This integration brings code-free interaction design to your development workflow. ### Why ProtoPie MCP? - **Realistic Interactions**: Create production-quality interactions without writing code - **Sensor Integration**: Prototype experiences using device sensors like accelerometer, sound, and camera - **Conditional Logic**: Build smart prototypes with variables, conditions, and formulas - **Multi-Device Prototypes**: Create experiences that span multiple connected devices - **Design Tool Import**: Import from Figma, Sketch, and Adobe XD with layer preservation ### Key Features #### 1. Prototype Creation ```python from anthropic import Anthropic client = Anthropic() response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "Create a new prototype from this Figma import with basic navigation interactions" }], tools=[{ "name": "protopie_create", "description": "Create prototypes" }] ) ``` #### 2. Interaction Design ```python # Add interactions response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "Add a pull-to-refresh interaction with rubber band effect and loading spinner" }], tools=[{"name": "protopie_interactions", "description": "Design interactions"}] ) ``` #### 3. Sensor Integration ```python # Configure sensor inputs response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "Add tilt control using accelerometer for this 3D card rotation effect" }], tools=[{"name": "protopie_sensors", "description": "Configure sensors"}] ) ``` #### 4. Cloud Publishing ```python # Publish to ProtoPie Cloud response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "Publish this prototype to ProtoPie Cloud and get a shareable preview link" }], tools=[{"name": "protopie_publish", "description": "Publish prototypes"}] ) ``` ### Configuration ```json { "mcpServers": { "protopie": { "command": "npx", "args": ["-y", "@anthropic/mcp-protopie"], "env": { "PROTOPIE_API_KEY": "your-protopie-api-key" } } } } ``` ### Use Cases **Realistic Prototypes**: Create prototypes indistinguishable from real apps for user testing. **IoT Experiences**: Prototype connected device experiences with sensor and hardware integration. **Voice Interfaces**: Design voice-controlled interfaces with speech recognition prototyping. **Automotive UI**: Create automotive dashboard prototypes with touch, gesture, and sensor inputs. The ProtoPie MCP Server brings advanced interaction prototyping directly into your development workflow, enabling realistic experiences without coding.
{
"mcpServers": {
"protopie": {}
}
}