# Edit an AI-built website from GitHub URL: https://xodia.ai/guides/edit-ai-built-site-github Description: How to edit an AI-built website exported to GitHub: import the repo into Xodia, change it visually at every screen size, and push your edits as commits. Last updated: 2026-11-08 To edit an [AI-built website](https://xodia.ai/glossary/ai-built-site) from GitHub, export the code to a repository you own, import that repository into Xodia, and change the live page visually, so small fixes no longer need another prompt. Updated October 28, 2026 [Start free](https://app.xodia.ai/auth/sign-up?ref=guides-edit-ai-built-site-github) [GitHub in Xodia](https://xodia.ai/integrations/github) Free plan. No card needed. Step by step ## How to edit an AI-built website from GitHub Six steps from the tool that made the site to your first pushed edit. 1. 1 Export the site to a GitHub repository In the AI tool that made the site, use its GitHub export or sync to push the code to a repository you own. Check on GitHub that the repository has the site's package.json and source files. 2. 2 Connect GitHub in Xodia Open Connections and connect GitHub, then install the Xodia GitHub App on that repository, or on all your repositories. 3. 3 Import the repository Press New project, choose Import from GitHub and import it. Xodia installs the packages in a private preview, detects the framework and styling and tells you how much you can edit visually. 4. 4 Add the preview's environment variables If the site calls a service, such as a database or an email API, add the variables it needs in Project settings, Environment. Values are stored encrypted. Names starting with VITE_ are built into your pages, so visitors can read them: use public keys only, and keep secret keys in your host's environment settings for server functions. 5. 5 Edit on the canvas Change text, images, links and styles on the live page, at every screen size. Ask your AI for bigger changes from the ask box. 6. 6 Push to a branch and deploy Work on a branch, push your edits and open a pull request, so they sit cleanly beside anything the original tool still pushes. Deploy merges into your live branch, and your host deploys it. Connect GitHub ## You choose which repositories Xodia can open The Xodia GitHub App asks for access to the repositories you pick, on your account or your organization. You can change that list on GitHub any time. - Commits pushed on GitHub from outside Xodia show up in site activity. See [GitHub](https://xodia.ai/integrations/github) Import ## The code opens as it is If the export is React with Vite or a plain HTML site, it opens with full [visual editing](https://xodia.ai/glossary/visual-editor); Next.js, Astro and other frameworks are refused at import with the reason. Xodia tells you what it found and what you can edit before you start. - Nothing to convert, and no extra files added to your repository - Every stack and its editing level: [frameworks](https://xodia.ai/frameworks) Environment ## Give the preview the keys it needs A preview that calls a service needs its variables. Add them once in Environment, encrypted, and the preview restarts with them. Branches ## Keep your edits on a branch If the original tool still pushes to the repository, work on a branch and merge with a pull request, so neither side overwrites the other. Questions ## Questions about AI-built sites on GitHub **Can I keep using the tool that made the site?** Yes. Both work on the same repository. Keep your Xodia edits on a branch and merge them with a pull request. **What if the site uses a database or an API?** Add the keys the preview needs in Environment. The live site keeps the settings it already has on its host. **Do I need to know how to code?** No. You change text, images, links and styles on the page. The code is there when you or a developer want it. **Which plans can do this?** Every plan can import from GitHub and edit visually; Free allows up to 4 pages a site, not counting [collection pages](https://xodia.ai/glossary/collection-page). Branches and pull requests come with paid plans. See [pricing](https://xodia.ai/pricing). Keep exploring ## Related guides and pages - [Edit a site built with Claude Code, visually Open the code your AI wrote and change it by clicking](https://xodia.ai/guides/edit-claude-code-site-visually) - [Build a React Router website with AI Plan and build a multi-page React Router site](https://xodia.ai/guides/build-react-router-website-ai) - [Connect an MCP server to build and edit your website Add Xodia to Claude Code, Cursor or any MCP app](https://xodia.ai/guides/connect-mcp-server-website) - [Sites built with AI Edit the site your AI built, without prompts](https://xodia.ai/solutions/ai-built-sites) - [GitHub Import a repo and keep it in sync](https://xodia.ai/integrations/github) - [Vite and React Build and edit Vite and React sites](https://xodia.ai/frameworks/vite-react) [See every guide](https://xodia.ai/guides) Primary sources ## Official docs Updated October 28, 2026 - [About using GitHub Apps, GitHub docs](https://docs.github.com/en/apps/using-github-apps/about-using-github-apps) - [Pull requests, GitHub docs](https://docs.github.com/en/pull-requests) - [About version control, Pro Git](https://git-scm.com/book/en/v2/Getting-Started-About-Version-Control) ## Import your AI-built site and start editing. [Start free](https://app.xodia.ai/auth/sign-up?ref=guides-edit-ai-built-site-github-cta) [See pricing](https://xodia.ai/pricing)