Copy and Paste Features between Projects with GitHub Connectors (MCP) - Bolt.new Workshop

In this Bolt.new Premium Customer Workshop, we explore how to use the GitHub MCP connector to reuse code, components, and full features across Bolt projects. You’ll learn how connectors let the Bolt agent inspect GitHub repositories, understand project structure, and bring useful functionality into your app with a focused prompt. Instead of rebuilding the same table, icon set, landing page section, or custom component from scratch, this workflow helps you treat GitHub as a reusable source of truth for your own projects and carefully selected open source repositories. The session also covers how to use Plan mode for safer repository exploration, how to think about licensing before copying open source code, and how to guide Bolt when translating functionality from one codebase or language into another. By the end, you’ll understand how to connect GitHub to Bolt, fork repositories, inspect them with the agent, and extract functionality into new projects. We walk through practical examples including importing icons, building a full featured data table from TanStack Table, converting a Swift teleprompter app concept into a TypeScript Bolt project, and copying a polished “See it in action” landing page section from one Bolt project into another. *Workshop PDF:* https://drive.google.com/file/d/1uOkGGQexiyab0m7ixq7UwxVRqERr3hib/view?usp=sharing *What we’re building:* We’ll build and demo several GitHub powered reuse workflows in Bolt. First, we connect the GitHub MCP connector using a personal access token. Then we explore public and forked repositories, use Plan mode to inspect them, and bring selected functionality into Bolt projects, including icons, an advanced table, a teleprompter style app, and a reusable animated landing page section from an existing Bolt project. *Skills:* GitHub MCP connector, Model Context Protocol, GitHub personal access tokens, Forking repositories, Plan mode, Repository inspection, Code reuse, Open source licensing, Component extraction, TypeScript conversion, TanStack Table, Ionicons, Swift to TypeScript translation, Bolt project reuse, Prompting. *What You’ll Learn:* - What MCP is and how Bolt connectors let the agent communicate with external tools like GitHub, Notion, Linear, Jira, Sentry, and more - How to connect the GitHub MCP connector in Bolt using a fine grained personal access token - Why it can be helpful to disable auto enable for GitHub and only turn the connector on when you need it - How to use Plan mode for repository reconnaissance before asking Bolt to extract or rewrite code - How to fork public GitHub repositories so Bolt can inspect a stable copy in your own account - How to evaluate open source licenses, including permissive licenses, Business Source License considerations, and higher risk GPL or AGPL projects - How to pull reusable components like icons, tables, and landing page sections into a new Bolt project - How to reference a specific repository name, URL, page, or section so Bolt can find the right code - How Bolt can translate functionality from one language or framework into a TypeScript web app - How agencies and repeat builders can reuse polished components across multiple customer projects *Timestamps:* 00:00 Introduction 01:49 Understanding MCP Connectors 11:36 GitHub Connector Setup 18:49 Planning and Licensing 31:15 Importing External Components 34:58 Cross-Language Conversion 42:56 Transferring Between Projects 55:33 Final Results and Summary *About Bolt* Bolt turns ideas into production software in minutes, entirely in your browser. No setup, no servers. Powered by WebContainers. *Connect with us:* X (Twitter): https://x.com/boltdotnew LinkedIn: https://www.linkedin.com/company/boltdotnew/ Questions? Check out our Support page: https://support.bolt.new #BoltNew #AIDevelopment #Prompting #WebDevelopment #NoCode #BuildWithAI #WebApps #GitHub #MCP #Connectors #CodeReuse #OpenSource #BoltWorkflows