Building an MCP App means answering four questions: what the model can do, what the user sees, what the model knows, and who is asking. Each page below covers one, in build order, on the same running example: a personal shopper with a product carousel and an authenticated checkout.
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Skybridge","description":"The #1 full stack open-source TS framework for building ChatGPT plugins and MCP Apps","colors":{"primary":"#002FFF","light":"#08F5F9","dark":"#002FFF"},"logo":{"light":"https://mintcdn.com/skybridge-staging/LzQ8KQMy251LcDBV/images/Skybridgemidnight.svg?fit=max\u0026auto=format\u0026n=LzQ8KQMy251LcDBV\u0026q=85\u0026s=6558714a92681c3025bee13386e911ee","dark":"https://mintcdn.com/skybridge-staging/LzQ8KQMy251LcDBV/images/Skybridgewhite(1).svg?fit=max\u0026auto=format\u0026n=LzQ8KQMy251LcDBV\u0026q=85\u0026s=eb11cec78798c46ce07564be60eadc82"},"favicon":{"light":"https://mintcdn.com/skybridge-staging/LzQ8KQMy251LcDBV/images/SkybridgeFaviconmidnight.svg?fit=max\u0026auto=format\u0026n=LzQ8KQMy251LcDBV\u0026q=85\u0026s=436bbbc9e0c575d0a022c00c902ebc8b","dark":"https://mintcdn.com/skybridge-staging/LzQ8KQMy251LcDBV/images/SkybridgeFaviconwhite.svg?fit=max\u0026auto=format\u0026n=LzQ8KQMy251LcDBV\u0026q=85\u0026s=1f31c31e0fa46045225eaf42724031bf"},"background":{"color":{"dark":"#051413"}},"navbar":{"links":[{"icon":"discord","href":"https://discord.gg/awV4gu74wK","label":"Discord"}],"primary":{"type":"github","href":"https://github.com/alpic-ai/skybridge"}},"footer":{"socials":{"github":"https://github.com/alpic-ai/skybridge"}},"search":{"prompt":"Search Skybridge docs..."},"seo":{"metatags":{"og:site_name":"Skybridge Documentation","og:type":"website"},"indexing":"navigable"},"fonts":{"heading":{"family":"Inter","weight":600},"body":{"family":"Inter","weight":400}},"icons":{"library":"lucide"},"integrations":{"ga4":{"measurementId":"G-0W0ZMXTSDZ"},"posthog":{"apiKey":"phc_wz9NIcD7SmH0BEN39lARJwJNjXgggazjuWCCt62eeKT"}},"errors":{"404":{"redirect":true,"title":"Oops, well that's awkward..."}},"interaction":{"drilldown":false},"styling":{"latex":false},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"skybridge-staging","hasAudioNarration":false,"actualSubdomain":"skybridge-staging","customDomains":["docs-staging.skybridge.tech"],"gitSource":{"type":"github","owner":"alpic-ai","repo":"skybridge","deployBranch":"main","contentDirectory":"docs","isPrivate":true,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6adb5ba252e69bb9067c5537","collectionId":"21386c04-f131-4104-b96c-82a1c22475d3","schemaVersion":"v3","latestBuiltDeploymentHistoryId":"6adb5ba252e69bb9067c5537"},"entitlements":{"AI_CHAT":{"status":"ENABLED"},"WEB_MCP":{"status":"ENABLED"},"NARRATION":{"status":"ENABLED"}},"buildId":"6adb5ba252e69bb9067c5537","clientVersion":"0.0.4074","searchFilterCounts":[{"language":"default","tag":"API Reference","count":48},{"language":"default","tag":"Documentation","count":26},{"language":"default","tag":"Hooks","count":20},{"language":"default","tag":"Examples","count":20},{"language":"default","tag":"Auth","count":10},{"language":"default","tag":"Use cases","count":9},{"language":"default","tag":"Guides","count":9},{"language":"default","tag":"Server","count":8},{"language":"default","tag":"Identity Providers","count":7},{"language":"default","tag":"Test","count":5}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableContextualStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"","hasChatPermissions":true,"hasWebMcpPermissions":true,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"comment-mode","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[{"filePath":"style.css","content":".auth-cards img{height:200px;object-fit:contain;background:#fff}"}],"page":{"pagePath":"build","slug":"/build","pageMetadata":{"title":"Build Your App","description":"The four decisions that make an MCP App","icon":"drafting-compass","href":"/build/index"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"The four decisions that make an MCP App\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,code:`code`,p:`p`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,..._provideComponents(),...props.components},{Card,Columns,Table}=_components;if(!Card)_missingMdxReference(`Card`,true);if(!Columns)_missingMdxReference(`Columns`,true);if(!Table)_missingMdxReference(`Table`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`Building an MCP App means answering four questions: what the model can do, what the user sees, what the model knows, and who is asking. Each page below covers one, in build order, on the same running example: a personal shopper with a product carousel and an authenticated checkout.`}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Define`}),_jsx(_components.th,{children:`Page`}),_jsx(_components.th,{children:`Core APIs`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`What the model can do`}),_jsx(_components.td,{children:_jsx(_components.a,{href:`/build/tools`,children:`Register Tools`})}),_jsx(_components.td,{children:_jsx(_components.a,{href:`/api-reference/register-tool`,children:_jsx(_components.code,{children:`registerTool`})})})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`What the user sees`}),_jsx(_components.td,{children:_jsx(_components.a,{href:`/build/view`,children:`Create Views`})}),_jsxs(_components.td,{children:[_jsx(_components.a,{href:`/api-reference/use-tool-info`,children:_jsx(_components.code,{children:`useToolInfo`})}),`, `,_jsx(_components.a,{href:`/api-reference/use-call-tool`,children:_jsx(_components.code,{children:`useCallTool`})})]})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`What the model knows`}),_jsx(_components.td,{children:_jsx(_components.a,{href:`/build/state`,children:`Manage State`})}),_jsxs(_components.td,{children:[_jsx(_components.a,{href:`/api-reference/use-view-state`,children:_jsx(_components.code,{children:`useViewState`})}),`, `,_jsx(_components.a,{href:`/api-reference/data-llm`,children:_jsx(_components.code,{children:`data-llm`})})]})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Who is asking`}),_jsx(_components.td,{children:_jsx(_components.a,{href:`/build/auth`,children:`Authenticate Users`})}),_jsxs(_components.td,{children:[_jsx(_components.a,{href:`/api-reference/require-bearer-auth`,children:_jsx(_components.code,{children:`requireBearerAuth`})}),`, `,_jsx(_components.a,{href:`/api-reference/register-tool#securityschemes`,children:_jsx(_components.code,{children:`securitySchemes`})})]})]})]})]}),`\n`,_jsxs(Columns,{cols:2,children:[_jsx(Card,{title:`Register Tools`,icon:`wrench`,href:`/build/tools`,children:_jsx(_components.p,{children:`Define what humans and agents can do`})}),_jsx(Card,{title:`Create Views`,icon:`palette`,href:`/build/view`,children:_jsx(_components.p,{children:`Craft interactive UIs rendered in conversation`})}),_jsx(Card,{title:`Manage State`,icon:`database`,href:`/build/state`,children:_jsx(_components.p,{children:`Decide what the model sees`})}),_jsx(Card,{title:`Authenticate Users`,icon:`key`,href:`/build/auth`,children:_jsx(_components.p,{children:`Know who’s behind every tool call`})})]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Build Your App","description":"The four decisions that make an MCP App","icon":"drafting-compass","href":"/build/index"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[],"codeExamples":{}},"jsLinks":[],"subdomain":"skybridge-staging","siteName":"Skybridge","title":"Build Your App - Skybridge","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-06-29T13:05:26.948Z","originalFileLocation":"build/index.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"The four decisions that make an MCP App\">\u003cmeta data-mint-head name=\"application-name\" content=\"Skybridge\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/skybridge-staging/xANJ9CANt5OY2i1W/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/skybridge-staging/xANJ9CANt5OY2i1W/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/skybridge-staging/xANJ9CANt5OY2i1W/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/skybridge-staging/xANJ9CANt5OY2i1W/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/skybridge-staging/xANJ9CANt5OY2i1W/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/skybridge-staging/xANJ9CANt5OY2i1W/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/skybridge-staging/xANJ9CANt5OY2i1W/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/skybridge-staging/xANJ9CANt5OY2i1W/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/skybridge-staging/xANJ9CANt5OY2i1W/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Build Your App - Skybridge\">\u003cmeta data-mint-head property=\"og:description\" content=\"The four decisions that make an MCP App\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Skybridge Documentation\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs-staging.skybridge.tech/build\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://skybridge-staging.mintlify.site/_mintlify/api/og/v2?division=Documentation\u0026amp;title=Build+Your+App\u0026amp;description=The+four+decisions+that+make+an+MCP+App\u0026amp;theme=50b35e6982b9591002aaaf45\u0026amp;signature=c152dfa2323c34a0d1d8e7dc94f5b32f76a250ed951e5be90b5020cb7ac2584f\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Build Your App - Skybridge\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"The four decisions that make an MCP App\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://skybridge-staging.mintlify.site/_mintlify/api/og/v2?division=Documentation\u0026amp;title=Build+Your+App\u0026amp;description=The+four+decisions+that+make+an+MCP+App\u0026amp;theme=50b35e6982b9591002aaaf45\u0026amp;signature=c152dfa2323c34a0d1d8e7dc94f5b32f76a250ed951e5be90b5020cb7ac2584f\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/skybridge-staging/xANJ9CANt5OY2i1W/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Skybridge\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#002FFF\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs-staging.skybridge.tech/build\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/build.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs-staging.skybridge.tech/#organization\",\"name\":\"Skybridge\",\"url\":\"https://docs-staging.skybridge.tech\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/skybridge-staging/LzQ8KQMy251LcDBV/images/Skybridgemidnight.svg?fit=max\u0026auto=format\u0026n=LzQ8KQMy251LcDBV\u0026q=85\u0026s=6558714a92681c3025bee13386e911ee\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs-staging.skybridge.tech#website\",\"name\":\"Skybridge\",\"url\":\"https://docs-staging.skybridge.tech\",\"publisher\":{\"@id\":\"https://docs-staging.skybridge.tech/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs-staging.skybridge.tech/build#webpage\",\"url\":\"https://docs-staging.skybridge.tech/build\",\"name\":\"Build Your App\",\"description\":\"The four decisions that make an MCP App\",\"dateModified\":\"2026-06-29T13:05:26.948Z\",\"isPartOf\":{\"@id\":\"https://docs-staging.skybridge.tech#website\"},\"breadcrumb\":{\"@id\":\"https://docs-staging.skybridge.tech/build#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs-staging.skybridge.tech/build#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Build\",\"item\":\"https://docs-staging.skybridge.tech/build/index\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Build Your App\",\"item\":\"https://docs-staging.skybridge.tech/build\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs-staging.skybridge.tech/build#article\",\"headline\":\"Build Your App\",\"name\":\"Build Your App\",\"description\":\"The four decisions that make an MCP App\",\"url\":\"https://docs-staging.skybridge.tech/build\",\"mainEntityOfPage\":{\"@id\":\"https://docs-staging.skybridge.tech/build#webpage\"},\"dateModified\":\"2026-06-29T13:05:26.948Z\",\"publisher\":{\"@id\":\"https://docs-staging.skybridge.tech/#organization\"},\"isPartOf\":{\"@id\":\"https://docs-staging.skybridge.tech#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Skybridge\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Skybridge","nav":{"global":null,"tabs":[{"tab":"Documentation","pages":[{"group":"Get Started","icon":"rocket","pages":[{"title":"Start building with Skybridge","sidebarTitle":"Introduction","icon":"house","href":"/get-started/introduction"},{"title":"Quickstart","icon":"zap","href":"/get-started/quickstart"},{"title":"Architecture","description":"Design conversational experiences leveraging model intelligence","icon":"route","href":"/get-started/architecture"}]},{"group":"Build","icon":"drafting-compass","root":{"title":"Build Your App","icon":"drafting-compass","href":"/build/index"},"expanded":true,"pages":[{"title":"Register Tools","description":"Define what humans and agents can do","icon":"wrench","href":"/build/tools"},{"title":"Create Views","description":"Craft interactive UIs rendered in conversation","icon":"palette","href":"/build/view"},{"title":"Manage State","description":"Decide what the model sees","icon":"database","href":"/build/state"},{"title":"Authenticate Users","description":"Know who's behind every tool call","icon":"key","href":"/build/auth"}]},{"group":"Test","icon":"test-tube-diagonal","root":{"title":"Test Your App","icon":"test-tube-diagonal","href":"/test/index"},"expanded":true,"pages":[{"title":"DevTools","icon":"square-dashed-mouse-pointer","href":"/test/devtools"},{"title":"Connect to Hosts","icon":"globe","href":"/test/tunnel"},{"title":"Playground","icon":"message-circle","href":"/test/playground"},{"title":"Evals","icon":"flask-conical","href":"/test/evals"},{"title":"Audit","icon":"clipboard-check","href":"/test/audit"}]},{"group":"Ship","icon":"ship","root":{"title":"Ship","icon":"ship","href":"/ship/index"},"expanded":true,"pages":[{"title":"Deploy","sidebarTitle":"Deploy","icon":"cloud-upload","href":"/ship/deploy"},{"title":"Version Your App","sidebarTitle":"Versioning","icon":"layers","href":"/ship/versioning"}]},{"group":"Guides","icon":"book-open","root":{"title":"Guides","icon":"book-open","href":"/guides/index"},"expanded":true,"pages":[{"title":"Configure CSP","sidebarTitle":"CSP","icon":"shield","href":"/guides/csp"},{"title":"Assets and Styling","sidebarTitle":"Assets and Styling","icon":"image","href":"/guides/assets-and-styling"},{"title":"Build an Ecommerce App","sidebarTitle":"Ecommerce","icon":"shopping-bag","href":"/guides/ecommerce"},{"title":"Monetize Your MCP App","sidebarTitle":"Monetization","icon":"circle-dollar-sign","href":"/guides/monetization"},{"title":"Handle Files","sidebarTitle":"Files","icon":"paperclip","href":"/guides/files"},{"title":"Connect an Identity Provider","sidebarTitle":"Identity Providers","icon":"fingerprint","href":"/guides/auth-providers"},{"title":"Migrate to Skybridge","sidebarTitle":"Migrate","icon":"bird","href":"/guides/migrate"},{"title":"Serve Skills over MCP","sidebarTitle":"Skills Over MCP","icon":"book-open-text","href":"/guides/skills"},{"title":"UX Design","sidebarTitle":"UX","icon":"sparkles","href":"/guides/ux"}]},{"title":"Troubleshooting","icon":"cross","href":"/troubleshooting"},{"group":"Resources","icon":"library","pages":[{"title":"ChatGPT Plugins and MCP Apps","icon":"layers","href":"/resources/chatgpt-and-mcp-apps"},{"title":"Telemetry","icon":"activity","href":"/resources/telemetry"}]}]},{"tab":"API Reference","pages":[{"title":"API Reference","href":"/api-reference/overview"}]},{"tab":"Examples","pages":[{"title":"Examples","href":"/examples"}]}]},"basePath":"","title":"Build Your App - Skybridge","buildId":"dpl_BLQvU86QFwq3AhPofSTw6q8dGWKm","deploymentId":"dpl_BLQvU86QFwq3AhPofSTw6q8dGWKm","dynamics":[],"chunks":[]}