Skip to main content
ChatGPT simulator screenshot

​
What is sunpeak?

sunpeak is an SDK for MCP Apps. With sunpeak, you can quickly build and ship OpenAI ChatGPT Apps, all from your local machine. sunpeak consists of two main parts:

​
The sunpeak Starter Kit

A pre-configured Starter Kit (pnpm dlx sunpeak new) that includes:
  • UI Components - Production-ready components following ChatGPT design guidelines, built on OpenAI’s apps-sdk-ui.
  • Complete Setup - Build tools, testing framework, and development environment

​
The sunpeak Library

An npm package (sunpeak) for running & testing MCP Apps:
  • Multi-Platform APIs - Runtime hooks & APIs architected to support future genAI offerings (Gemini, Claude, etc.)
  • ChatGPT Simulator - Test your widgets locally with instant feedback, easily trigger advanced ChatGPT functionality
  • MCP Server - Deploy your local widgets to production ChatGPT

​
Quick Example

Build beautiful ChatGPT widgets with just a few lines of code: 
import '../../styles/globals.css';
import { Card } from "../card";

export function App() {
  return (
    <Card
      image="https://images.unsplash.com/photo-1520950237264-dfe336995c34"
      imageAlt="Lady Bird Lake"
      header="Lady Bird Lake"
      metadata="⭐ 4.5 • Austin, TX"
      button1={{ children: "Visit", isPrimary: true, onClick: () => {} }}
      button2={{ children: "Learn More", onClick: () => {} }}
    >
      Scenic lake perfect for kayaking, paddleboarding, and trails.
    </Card>
  );
}