Snappjack Demo Snapps
Build Snapps that AI agents can use
Snappjack bridges AI agents to web applications through the Model Context Protocol (MCP), enabling seamless interaction between humans and AI in real-time collaborative environments.Snapps are web apps with dual interfaces: GUI for humans, MCP tools for AI agents.
Explore Our Demo Snapps
Pipster
A dice game where AI agents can roll, keep, and strategize alongside human players
DrawIt
A canvas app where AI agents can create visual content, draw shapes, and compose scenes
How to Use a Snapp with AI Agents
Snapps enable a revolutionary way of working where humans and AI agents collaborate in real-time
1. Use the GUI
Interact with the Snapp directly through its web interface. Roll dice in Pipster, draw shapes in DrawIt - just like any regular web app.
2. Connect an AI Agent
Use an MCP-enabled AI like Claude Desktop. Copy the connection details from the Snapp's "Agent Configuration" section and add them to your AI's MCP settings.
3. Collaborate with AI
Ask the AI to interact with your Snapp. "Draw a house", "Roll until we get all sixes", or any task the Snapp supports. The AI works alongside you in real-time.
See Snapps in Action
Watch how AI agents interact with Snapps in real-time. See Claude draw pictures, play dice games, and collaborate with humans through the Snappjack bridge.
Build Your Own Snapps
Clone this project and create your own AI-enabled Snapps
Clone the Repository
Get the demo project from GitHub to start building
Request API Key
Get your Snappjack API key to enable agent connections
Build & Deploy
Create your Snapp and deploy it for agents to use
Snappjack is in Restricted Early Access
Request an API key to start building your own AI-enabled Snapps.
Join the community of developers building the future of human-AI collaboration