Bolt.new's GitHub Connector enables cross-project component reuse via MCP
A Bolt.new tutorial demonstrates how to use the GitHub Connector — powered by Anthropic's Model Context Protocol — to pull components, full pages, and even cross-language features from one project into another without rebuilding from scratch.
Score breakdown
Developers using Bolt.new can now treat any GitHub repo as a component library, letting the AI agent directly port UI elements or even entire features — including cross-language conversions — into new projects without manual copy-pasting or rebuilding.
- 01The GitHub Connector in Bolt.new is powered by Anthropic's Model Context Protocol (MCP).
- 02Setup requires a GitHub account, a fine-grained personal access token, and connecting via Bolt's Personal Settings under Connectors.
- 03The Bolt agent's GitHub permissions default to read-only but can be changed to read-and-write.
The Bolt.new tutorial walks through a practical workflow for reusing existing work across projects using the GitHub Connector, which is built on Anthropic's Model Context Protocol (MCP). After connecting a GitHub account via Bolt's Personal Settings, users generate a fine-grained GitHub personal access token — named in the demo as `bolt mcp` — and paste it into Bolt to establish the connection. Once connected, the Bolt agent gains access to a configurable set of GitHub tools, with permissions defaulting to read-only but adjustable to read-and-write. The tutorial recommends enabling the GitHub connector only when needed to avoid bloating the agent's context window.
The demo covers three escalating use cases: importing individual components (such as animated border cards), importing full landing pages, and performing cross-language conversion — specifically, having Bolt analyze an open-source Swift project on GitHub and recreate its core functionality as a React TypeScript application. The tutorial emphasizes that this workflow makes projects portable, reduces token usage by avoiding redundant rebuilds, and enables developers to accumulate a growing library of reusable UI and logic components they can draw from across any future project.
Key facts
- 01The GitHub Connector in Bolt.new is powered by Anthropic's Model Context Protocol (MCP).
- 02Setup requires a GitHub account, a fine-grained personal access token, and connecting via Bolt's Personal Settings under Connectors.
- 03The Bolt agent's GitHub permissions default to read-only but can be changed to read-and-write.
- 04The tutorial recommends enabling the GitHub connector only when needed to avoid adding unnecessary context to the agent's context window.
- 05Use cases demonstrated include importing individual components, importing full pages, and cross-language conversion from Swift to React TypeScript.
- 06The workflow is described as saving tokens and reducing repetitive rebuilding of UI and logic.