The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
Skybridge
Skybridge is a full-stack TypeScript framework for MCP Apps and ChatGPT Apps. Type-safe. React-powered. Platform-agnostic.
Install
$
npx skills add alpic-ai/skybridge -s skybridgeClaude Code
claude mcp add skybridge -- npx skills add alpic-ai/skybridge -s skybridgeCursor / Claude Desktop (mcp.json)
{
"mcpServers": {
"skybridge": {
"command": "npx",
"args": [
"skills",
"add",
"alpic-ai/skybridge",
"-s",
"skybridge"
]
}
}
}Install command taken from the project's README or registry entry. Always review code before running it.
README excerpt
Read full README on GitHub →Skybridge - the MCP Apps framework
The full-stack React framework for MCP Apps and MCP Servers.
Documentation · Quickstart · Examples
About Skybridge
Skybridge helps developers build type-safe MCP Apps for Claude, ChatGPT and other UI-enabled MCP clients, with a complete set of tooling designed for both humans and agents.
Why? MCP Apps extend the Model Context Protocol with rich, interactive UI views rendered from MCP servers. Conversational apps need seamless interaction between the user, the UI, and the model. This means new UX patterns, developer tooling, and abstractions. Plus, the raw SDKs are low-level: no hooks, type safety, HMR, etc.
That's why we built Skybridge.
Features include:
- Delightful dev environment: Skybridge provides a dev server with a local emulator, hot module reload, and a permanent tunnel to connect your local app to Claude and ChatGPT.
- Write once, run everywhere: the framework abstracts implementation differences between MCP clients, so your app runs seamlessly in Claude, ChatGPT, VSCode, and any other MCP Apps compatible client.
- Agent-ready: powerful skills, CLI, and programmatic dev tool APIs, everything your coding agent needs to build MCP Apps end-to-end.
- Type-safe end-to-end: tRPC-style inference from MCP server tool definition to React view for type safety from server to frontend.
- React-first: Intuitive React Query-style hooks, with advanced state management.
- Example library: get started quickly with ChatGPT- and Claude-ready app examples for ecommerce, travel, SaaS, and more.
They chose to build their MCP Apps with Skybridge:
Get started
For agents
Install our skill for building MCP Apps and ChatGPT plugins:
npx skills add alpic-ai/skybridge -s skybridge
Once installed, ask your agent "What skills do you have?" to confirm, then try:
- Create a new MCP app
- Migrate my MCP server to the Skybridge framework
- Add a new view to my MCP app
For humans
Bootstrap a new project with:
npm create skybridge@latest my-app
For full install instructions, read our Quickstart guide.
Documentation
The Skybridge documentation covers the full lifecycle of building MCP Apps:
- Fundamentals: understand MCP Apps, ChatGPT plugins, and how Skybridge bridges both runtimes.
- Core concepts: learn about server <> model <> UI data flows, LLM context sync, type safety, and instant local iteration with our devtools.
- Guides: build real app behavior with tools, views, state, and model communication.
- API Reference: browse our MCP server APIs, React hooks, CLI commands, and runtime compatibility.
Deploy
Deploy Skybridge apps instantly on Alpic for scalable hosting, MCP-specific analytics, permanent tunneling, plugin directory compliance auditing and submission help. You can also self-host on any Node.js-compatible platform.
Similar plugs
Reverse engineer anything with agents, from app behavior down to native binaries.
Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.
Build Agentic workflows, RAG pipelines, with rich AI model and tool support on one collaborative workspace. Deploy on cloud, VPC, or self-hosted, so teams move from prototype…
User-friendly AI Interface (Supports Ollama, OpenAI API, ...)