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.
Topics
Summary and scoring are generated automatically from the original article. We always link back to the publisher and never republish images or paywalled content. Last processed Apr 22, 2026 · 19:13 UTC. How this works →