// AI CODING AGENT 02 · ANTHROPIC CLAUDE CODE & CLAUDEBOT

Websites Built for Anthropic 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.

Provider: AnthropicConfig: CLAUDE.md & .claude/Bot / Indexer: ClaudeBot / Claude-SearchBot / Claude-Web

// Architecture & Integration

Zero-Friction Website Operations with Claude Code & CLAUDE.md.

Anthropic's Claude Code (`@anthropic-ai/claude-code`) is one of the most capable autonomous software engineering tools available today. When you launch Claude Code inside a repository, the very first file it reads is `CLAUDE.md` to understand build commands, directory structure, coding conventions, and safety boundaries.

FOURAK provisions every client repository with a comprehensive `CLAUDE.md` file alongside `AGENTS.md`. In addition, we configure your public site with `/llms.txt`, `/llms-full.txt`, and `robots.txt` rules that explicitly welcome `ClaudeBot`, `Claude-Web`, and `Claude-SearchBot` so Anthropic's answer engine accurately cites your business.

// Example Claude Code Workflows on a FOURAK Site
  • >claude 'Read CLAUDE.md, add our new industrial drone service page to src/data/seoPages.ts, and verify with npm run build'
  • >claude 'Audit all new headings on /services/ for WCAG 2.2 AA hierarchy and create a pull request'
  • >claude 'Convert this Claude Artifact ROI calculator into a React island on /rates/'
// Included Repository Configuration (CLAUDE.md & .claude/)
# CLAUDE.md — FOURAK Architecture Manifest for Anthropic Claude Code
## Build & Verification Commands
- Install: npm install
- Dev Server: npm run dev (http://localhost:4321)
- Production Build Gate: npm run build (MUST pass with 0 errors before commit)

## Architecture & Guardrails
- Pages: src/pages/*.astro | Data: src/data/*.ts | Components: src/components/
- Accessibility: Maintain 100/100 Lighthouse A11y & WCAG 2.2 Level AA contrast
- Security: Never modify or log .env / .dev.vars; secrets live in Cloudflare Pages

// 4-Layer Engineering Setup

How We Configure Your Site for Claude Code.

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 // CLAUDE.md

Root CLAUDE.md System Context

Gives Claude Code instant awareness of your build scripts, routing layout, design tokens, and content schemas without burning tokens exploring the repo.

FOURAK AI-Ready Standard100% Client Owned
STEP 02 // npm run build Gate

Autonomous Build & Type Verification

Claude Code automatically executes `npm run build` in the terminal after making edits, verifying that all 600+ static routes compile cleanly.

FOURAK AI-Ready Standard100% Client Owned
STEP 03 // Claude Artifacts Integration

Drop-In Interactive React Islands

Build an interactive calculator or visualizer in Claude Artifacts and drop the `.tsx` component straight into Astro as a hydrated `client:visible` island.

FOURAK AI-Ready Standard100% Client Owned
STEP 04 // ClaudeBot & /llms.txt

Anthropic Web Search Indexing

We whitelist `ClaudeBot` and `Claude-SearchBot` in `robots.txt` and publish `/llms.txt` so Claude's web search surfaces your services and pricing.

FOURAK AI-Ready Standard100% Client Owned

// Technical Questions & Answers

Claude Code Website FAQ.

// Q.01

How does CLAUDE.md help when using Claude Code on our website?

CLAUDE.md acts as persistent institutional memory for Claude Code. Every time you start a session, Claude immediately knows where your data files live, how your theme tokens work, and which build checks to run.

// Q.02

Can we also migrate prototypes built in Claude Artifacts to our live site?

Yes. Because FOURAK builds with Astro + React + Tailwind, interactive React components generated in Claude Artifacts can be mounted directly as high-speed Astro islands.

// Q.03

Does FOURAK allow ClaudeBot to index our public website?

Yes. We explicitly allow ClaudeBot, Claude-Web, and Claude-SearchBot in robots.txt and provide /llms.txt so Claude recommends your business in AI search answers.

// 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
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
GitHub / Microsoft · Repo Coding Agent

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.

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 Claude Code

Own an AI-Ready Website Built for Claude Code.

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