🥞 Pancake SDK
AI assistants are becoming the primary interface through which people interact with software. Booking flights, managing tasks, visualizing data: these actions are increasingly happening inside conversations.
Pancake SDK helps you build for this new paradigm.
Define your views, actions, and data endpoints once. Deploy to Claude (via MCP), ChatGPT (via Actions), and any other AI host. No rewrites. No platform lock-in.
Pancake SDK is in active development. We're building the foundations for the visual layer of AI.
Why Pancake?
AI assistants like ChatGPT and Claude have hundreds of millions of users. Each platform has its own protocols and SDKs. Building for one means rebuilding for another.
Pancake fixes this:
import { createApp, defineView } from '@pancake-apps/server';
import { z } from 'zod';
const app = createApp({
name: 'weather-app',
version: '1.0.0',
views: {
weather: defineView({
description: 'Show current weather for a city',
input: z.object({ city: z.string() }),
data: z.object({ temp: z.number(), conditions: z.string() }),
handler: async ({ city }) => fetchWeather(city),
ui: { html: './src/views/weather.html' },
}),
},
});
app.start({ port: 3000 });
// Works everywhere:
// → Claude Desktop (MCP)
// → ChatGPT (Actions)
// → Any MCP-compatible clientWhat You Can Build
Interactive Dashboards
Real-time analytics, charts, and data visualization that appear contextually in conversations.
Forms and Workflows
Multi-step forms, booking flows, and data entry with validation and confirmation UIs.
Data Explorers
Search interfaces, product catalogs, and browsable data that users interact with in the chat.
Task Management
Kanban boards, todo lists, and project trackers that live inside AI conversations.
Core Concepts
Pancake apps have three building blocks:
| Concept | Purpose | Example |
|---|---|---|
| Views | Interactive UIs shown in chat | Dashboard, search results, forms |
| Actions | Write operations (mutations) | Submit order, update settings |
| Data | Read operations (queries) | Fetch user profile, list items |
The Pancake Advantage
Write Once, Run Everywhere
Define views, actions, and data with TypeScript. Pancake handles protocol differences.
Built-in Tunneling
Cloudflare and ngrok tunnels are built into the CLI. Expose your local server with one config option.
React or Vanilla
Use React with full hot reload support, or vanilla HTML/JS. Your choice.
Type Safety
End-to-end TypeScript with Zod schemas for validation. Catch errors at build time.
Get Started
Quick Start
Create your first Pancake app in under 5 minutes
Installation
Set up Pancake in a new or existing project
Your First App
Step-by-step guide to views, actions, and data
Examples
Explore working examples and patterns
Learn More
The New UI Paradigm
Understand the shift from traditional web UIs to AI-native applications
Views and Widgets
Create interactive UIs that render inside AI conversations
Deployment
Deploy to Cloudflare, Vercel, or any Node.js host
API Reference
Complete reference for all Pancake packages
Ready?
The shift is happening. Millions of users interact with apps through AI. Get started now.