// AI CODING AGENT 04 · GITHUB COPILOT & PULL REQUEST WORKFLOWS

Websites Built for GitHub Copilot.

Assign a GitHub Issue to `@copilot` straight from your browser or mobile phone — and let GitHub Copilot's Coding Agent open a pull request with a live Cloudflare Pages preview link ready for your approval.

Provider: GitHub / MicrosoftConfig: .github/copilot-instructions.mdBot / Indexer: GitHub Actions /Bingbot

// Architecture & Integration

Browser-Based Website Updates via GitHub Copilot & Pull Requests.

You don't even need a local code editor installed on your computer to update a FOURAK website with AI. With GitHub Copilot Workspace and the Copilot Coding Agent, you can open your repository on `github.com`, type an issue like 'Update our summer lodge rates and add two new FAQs', and assign it to Copilot.

FOURAK configures `.github/copilot-instructions.md` inside your repository so GitHub Copilot knows exactly which data files to edit and how to run `npm run build`. The moment Copilot opens a Pull Request, Cloudflare Pages automatically posts a live preview link right inside the PR comment thread.

// Example GitHub Copilot Workflows on a FOURAK Site
  • >@copilot Add a new team member bio to src/components/pages/Team.tsx and open a PR.
  • >@copilot Update the phone number and winter hours in src/components/Footer.tsx.
  • >@copilot Create a new landing page for our Kenai Peninsula service area in src/data/seoPages.ts.
// Included Repository Configuration (.github/copilot-instructions.md)
# .github/copilot-instructions.md — FOURAK Repository Instructions
When generating code or opening Pull Requests in this repository:
1. Edit structured data in `src/data/*.ts` rather than duplicating Astro route templates.
2. Preserve all JSON-LD Schema.org blocks and canonical URLs.
3. Ensure all interactive elements meet WCAG 2.2 Level AA (minimum 24x24px touch targets, >= 4.5:1 contrast).
4. Verify that `npm run build` succeeds with zero TypeScript errors.

// 4-Layer Engineering Setup

How We Configure Your Site for GitHub Copilot.

Every FOURAK website ships pre-wired for both direct repository coding and real-time LLM answer engine indexing — with zero ongoing credit lock-in.

STEP 01 // .github/copilot-instructions.md

Repository-Wide Copilot Instructions

Automatically injected into every GitHub Copilot Chat, IDE autocomplete, and autonomous Coding Agent session in your repo.

FOURAK AI-Ready Standard100% Client Owned
STEP 02 // Issue-to-PR Workflow

Assign Issues to @copilot from Anywhere

Create an issue on GitHub Mobile or desktop, assign `@copilot`, and receive a tested Pull Request within minutes.

FOURAK AI-Ready Standard100% Client Owned
STEP 03 // Cloudflare Pages PR Bot

Automatic Preview Links on Every PR

Cloudflare builds Copilot's branch into a private staging URL and comments the preview link directly on the Pull Request.

FOURAK AI-Ready Standard100% Client Owned
STEP 04 // Branch Protection Rules

Safe One-Click Merge to Production

Main branch protection ensures `npm run build` must pass before you click 'Merge Pull Request' to publish live.

FOURAK AI-Ready Standard100% Client Owned

// Technical Questions & Answers

GitHub Copilot Website FAQ.

// Q.01

Can I use GitHub Copilot right from the GitHub website without installing software?

Yes. GitHub's web interface and mobile app let you prompt Copilot Chat or assign issues to the Copilot Coding Agent directly in the cloud, and Cloudflare Pages gives you a clickable preview URL before you merge.

// Q.02

How does .github/copilot-instructions.md protect our site?

It tells GitHub Copilot your exact file structure, design system classes, and accessibility rules before it writes a single line of code.

// Q.03

Does Microsoft Bing / Copilot Search also index our live site?

Yes. We allow Bingbot in robots.txt and generate XML sitemaps + IndexNow-compatible static URLs so Microsoft Copilot Search indexes your pages immediately.

// Universal AI Interoperability

Other Supported AI Tools & LLMs.

View All 12 AI Integrations
Anysphere · Repo Coding Agent

Cursor AI

Open your website repository in Cursor, press Cmd+I in Composer, and add pages, update pricing, or launch campaigns in plain English — backed by custom .cursorrules guardrails and Cloudflare preview sandboxes.

View Setup
Anthropic · Repo Coding Agent

Claude Code

Run Anthropic's terminal and desktop agent (`claude`) directly inside your website repository. Every FOURAK build ships with a tailored `CLAUDE.md` architectural manifest and full `ClaudeBot` search indexing.

View Setup
Google DeepMind · Repo Coding Agent

Google Antigravity

FOURAK builds and maintains production web systems using Google DeepMind's Antigravity agentic coding environment (`agy`). Every client repository ships with `AGENTS.md` workspace isolation, WCAG 2.2 AA rules, and automated deployment pipelines.

View Setup
Codeium / Windsurf · Repo Coding Agent

Windsurf IDE

Harness Windsurf's deep codebase awareness and Cascade multi-file flows on a clean, zero-bloat Astro + TypeScript website repository pre-configured with `.windsurfrules`.

View Setup
OpenAI · LLM Provider & Crawler

OpenAI / ChatGPT

Work with OpenAI's Codex CLI and ChatGPT GitHub connectors directly on your codebase (`AGENTS.md`), while ensuring `OAI-SearchBot` and `GPTBot` rank and cite your business in ChatGPT Search.

View Setup
xAI · LLM Provider & Crawler

xAI Grok & GrokBot

Make your website first-class for xAI's Grok ecosystem — from using Grok 3 / Grok 4 for repository coding and content generation to ensuring `GrokBot`, `xAI-Bot`, and X/Twitter real-time crawlers index and cite your business.

View Setup
Google · LLM Provider & Crawler

Google Gemini

Feed your entire website repository into Google Gemini's 1M+ token context window or run `@google/gemini-cli` in your terminal (`GEMINI.md`) — while dominating Google AI Overviews with 100/100 Core Web Vitals and entity-linked Schema.org.

View Setup
Perplexity · LLM Provider & Crawler

Perplexity AI

Perplexity AI is a citation-first answer engine. We engineer your website with open `PerplexityBot` access, `/llms-full.txt` documentation, empirical comparison tables, and structured JSON-LD so Perplexity cites your domain as the primary source.

View Setup
Meta / Open Source · LLM Provider & Crawler

Meta Llama / Local AI

Need 100% air-gapped or on-premise AI editing? Because a FOURAK website is pure static TypeScript, React, and Markdown with zero cloud builder lock-in, you can run Meta Llama 3.3 / Llama 4 locally via Ollama or vLLM on your own hardware.

View Setup
DeepSeek / Alibaba Qwen (Open Weight) · Repo Coding Agent

DeepSeek & Qwen Coder

Plug open-weight powerhouses like DeepSeek-V3/R1 and Qwen Coder into Cline, Roo Code, or Aider — and update your website for pennies per million tokens with full TypeScript and Cloudflare preview safety.

View Setup
Mistral AI · LLM Provider & Crawler

Mistral & Codestral

Combine sub-100ms IDE code completions from Mistral's Codestral model on your TypeScript repository with full `MistralAI-User` web search indexing for Le Chat.

View Setup
Ready for GitHub Copilot

Own an AI-Ready Website Built for GitHub Copilot.

We configure your Astro + GitHub + Cloudflare repository with custom instruction manifests, Cloudflare preview sandboxes, and `/llms.txt` indexing from day one.