# What AI Coding Agents Are Supported by the AI Website Cloner Template?

> Discover which AI coding agents work with the AI Website Cloner Template. Supports Claude, Gemini, and OpenAI-compatible agents. Easily configure with the CLI flag.

- Repository: [JCodesMore/ai-website-cloner-template](https://github.com/JCodesMore/ai-website-cloner-template)
- Tags: supported-features
- Published: 2026-07-22

---

**The AI Website Cloner Template supports three distinct coding agents: Claude (Anthropic), Gemini (Google), and a generic OpenAI-compatible agent via the Opencode SDK, configurable through the `--agent` CLI flag.**

The AI Website Cloner Template (JCodesMore/ai-website-cloner-template) provides a modular architecture for website replication tasks powered by large language models. Understanding which AI coding agents are supported by the website cloner template allows developers to choose the optimal backend based on performance requirements, pricing, and API availability.

## Supported AI Coding Agents

The template's agent system is defined in [`AGENTS.md`](https://github.com/JCodesMore/ai-website-cloner-template/blob/main/AGENTS.md), which serves as the central manifest enumerating available LLM backends. Each agent implements a standardized `generateCode(prompt: string): Promise<string>` interface, enabling seamless swapping between providers without modifying the core cloning pipeline.

### Claude (Anthropic)

**Claude** integration leverages Claude-3 Opus and Haiku models for code generation and instruction handling. Configuration specifics reside in [`CLAUDE.md`](https://github.com/JCodesMore/ai-website-cloner-template/blob/main/CLAUDE.md), including API key requirements and model identifiers.

The Claude provider is accessed via the `@opencode-ai/claude` module when the `--agent claude` flag is specified.

### Gemini (Google)

**Gemini** support utilizes Google's Gemini models as an alternative backend, offering competitive latency and reliability characteristics. Detailed setup instructions, authentication flows, and model specifications are documented in [`GEMINI.md`](https://github.com/JCodesMore/ai-website-cloner-template/blob/main/GEMINI.md).

Select this agent using `--agent gemini` to route requests through the `@opencode-ai/gemini` provider.

### OpenAI/Opencode (Default)

The **OpenAI-compatible agent** serves as the default backend when no explicit agent is specified. Powered by the `@opencode-ai/sdk` core engine, it communicates with any OpenAI-compatible endpoint (including ChatGPT-4 and GPT-4-Turbo).

This provider requires no `--agent` flag and is implemented in the base SDK package, as referenced in [`AGENTS.md`](https://github.com/JCodesMore/ai-website-cloner-template/blob/main/AGENTS.md).

## How Agent Selection Works

Agent routing begins in [`.github/skills/clone-website/SKILL.md`](https://github.com/JCodesMore/ai-website-cloner-template/blob/main/.github/skills/clone-website/SKILL.md), which defines the `clone-website` command interface and available flags. The CLI parses the `--agent` parameter and dynamically loads the corresponding provider module:

- **`@opencode-ai/claude`** for Claude integration
- **`@opencode-ai/gemini`** for Gemini integration  
- **`@opencode-ai/plugin`** (OpenAI-compatible) for default operations

Each provider conforms to the same `generateCode` contract, ensuring the remainder of the cloning pipeline remains agnostic to the underlying LLM implementation.

## Usage Examples

### CLI: Clone with Claude

Execute the cloning workflow using Anthropic's Claude models:

```bash
opencode clone-website https://example.com --agent claude

```

The command loads prompt templates from [`CLAUDE.md`](https://github.com/JCodesMore/ai-website-cloner-template/blob/main/CLAUDE.md) and initializes the Claude API client using environment variables specified in the configuration.

### CLI: Clone with Gemini

Route the task through Google's Gemini backend:

```bash
opencode clone-website https://example.com --agent gemini

```

This invocation reads authentication scopes and model identifiers from [`GEMINI.md`](https://github.com/JCodesMore/ai-website-cloner-template/blob/main/GEMINI.md).

### CLI: Default OpenAI Agent

Omit the agent flag to use the standard OpenAI-compatible provider:

```bash
opencode clone-website https://example.com

```

When `--agent` is unspecified, the system defaults to the Opencode SDK provider described in [`AGENTS.md`](https://github.com/JCodesMore/ai-website-cloner-template/blob/main/AGENTS.md).

### Programmatic Agent Selection

Instantiate the cloner with explicit agent configuration in TypeScript:

```typescript
import { createCloner } from '@opencode-ai/sdk';

const cloner = createCloner({
  agent: 'claude',  // Valid options: 'claude', 'gemini', 'openai' (default)
  apiKey: process.env.CLAUDE_API_KEY,
});

await cloner.clone('https://example.com');

```

The `createCloner` factory maps the `agent` string parameter directly to entries in [`AGENTS.md`](https://github.com/JCodesMore/ai-website-cloner-template/blob/main/AGENTS.md), abstracting provider-specific initialization logic.

## Summary

- The template supports **three AI coding agents**: Claude (Anthropic), Gemini (Google), and OpenAI-compatible models via the Opencode SDK.
- **Agent selection** occurs via the `--agent` CLI flag or the `agent` property in the SDK's `createCloner` factory function.
- **Configuration files** [`AGENTS.md`](https://github.com/JCodesMore/ai-website-cloner-template/blob/main/AGENTS.md), [`CLAUDE.md`](https://github.com/JCodesMore/ai-website-cloner-template/blob/main/CLAUDE.md), and [`GEMINI.md`](https://github.com/JCodesMore/ai-website-cloner-template/blob/main/GEMINI.md) contain provider-specific settings and authentication requirements.
- The **default agent** uses the OpenAI-compatible `@opencode-ai/sdk` when no explicit agent is specified.
- All agents implement a **unified interface** (`generateCode`), ensuring consistent behavior across different LLM backends.

## Frequently Asked Questions

### Which AI coding agents are supported by the website cloner template?

The template supports Claude (Anthropic), Gemini (Google), and a generic OpenAI-compatible agent. These are documented in [`AGENTS.md`](https://github.com/JCodesMore/ai-website-cloner-template/blob/main/AGENTS.md) and accessible via the `--agent` command-line option or the `createCloner` SDK configuration.

### How do I switch between agents when cloning a website?

Specify the desired backend using the `--agent` flag followed by the provider name: `claude`, `gemini`, or `openai`. For example, `opencode clone-website https://example.com --agent claude` routes the request through Anthropic's API according to the settings in [`CLAUDE.md`](https://github.com/JCodesMore/ai-website-cloner-template/blob/main/CLAUDE.md).

### What files configure the different AI coding agents?

Agent configurations are split across three markdown files in the repository root: [`AGENTS.md`](https://github.com/JCodesMore/ai-website-cloner-template/blob/main/AGENTS.md) (central manifest and OpenAI settings), [`CLAUDE.md`](https://github.com/JCodesMore/ai-website-cloner-template/blob/main/CLAUDE.md) (Anthropic-specific API keys and model parameters), and [`GEMINI.md`](https://github.com/JCodesMore/ai-website-cloner-template/blob/main/GEMINI.md) (Google authentication and model configuration).

### Is there a performance difference between the supported agents?

Each agent exhibits different latency and token-cost characteristics based on the underlying LLM provider. Claude and Gemini typically offer competitive pricing for specific token ranges, while the OpenAI-compatible default provides broad model compatibility. Refer to the respective provider documentation in [`CLAUDE.md`](https://github.com/JCodesMore/ai-website-cloner-template/blob/main/CLAUDE.md), [`GEMINI.md`](https://github.com/JCodesMore/ai-website-cloner-template/blob/main/GEMINI.md), and [`AGENTS.md`](https://github.com/JCodesMore/ai-website-cloner-template/blob/main/AGENTS.md) for detailed performance benchmarks.