Skip to content

Commit 54d3397

Browse files
authored
docs: Document Claude Code on the web sandbox config (#2616)
1 parent 89e3ddc commit 54d3397

3 files changed

Lines changed: 31 additions & 7 deletions

File tree

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
:::info Allow Apify in Claude Code on the web
2+
3+
If you're using Claude Code on the web, your cloud sessions run inside a network-restricted sandbox. By default, the sandbox blocks outbound requests to `*.apify.com`, making documentation, the API, and the MCP server unreachable.
4+
5+
To grant access, add `*.apify.com` to a cloud environment's allowed domains:
6+
7+
1. Open the environment selector and select **Add environment**.
8+
1. Set **Network access** to **Custom**.
9+
1. Check **Also include default list of common package managers** so existing functionality stays intact.
10+
1. Add `*.apify.com` to the **Allowed domains** list.
11+
12+
Alternatively, set **Network access** to **Full** to allow any domain.
13+
14+
For more details, see [Claude Code on the web: Network access](https://code.claude.com/docs/en/claude-code-on-the-web#network-access).
15+
16+
Codex Cloud uses a similar default-deny sandbox. See [Codex Cloud internet access](https://developers.openai.com/codex/cloud/internet-access) for the equivalent configuration.
17+
18+
:::

sources/platform/actors/development/quick-start/build_with_ai.md

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ import { AGENTS_PROMPT } from "@site/src/utils/agents-prompt";
1111
import PromptButton from "@site/src/components/PromptButton";
1212
import Tabs from '@theme/Tabs';
1313
import TabItem from '@theme/TabItem';
14+
import ClaudeCodeWebEgress from '@site/sources/_partials/_claude-code-web-egress.mdx';
1415

1516
This guide provides best practices for building new Actors or improving existing ones using AI code generation tools by providing the AI agents with the right instructions and context.
1617

@@ -29,7 +30,7 @@ The methods on this page are complementary. Start with the [AI coding assistant
2930
<TabItem value="prompt" label="Start with a prompt">
3031

3132
1. Create a directory: `mkdir my-new-actor`.
32-
1. Open the directory in _Cursor_, _Claude Code_, _VS Code with GitHub Copilot_, etc.
33+
1. Open the directory in _Cursor_, _Claude Code_, _VS Code with GitHub Copilot_, etc. Using Claude Code on the web? See the setup note below first.
3334
1. Copy the [AI coding assistant prompt](#ai-coding-assistant-instructions) and paste it into your AI coding assistant.
3435
1. Run it, and develop your first Actor with the help of AI.
3536

@@ -38,12 +39,14 @@ The methods on this page are complementary. Start with the [AI coding assistant
3839

3940
1. [Install the Apify CLI](/cli/docs/installation) if you haven't already.
4041
1. Run `apify create` to initialize an Actor from a [template](https://apify.com/templates) (includes AGENTS.md).
41-
1. Open the project in _Cursor_, _Claude Code_, _VS Code with GitHub Copilot_, etc.
42+
1. Open the project in _Cursor_, _Claude Code_, _VS Code with GitHub Copilot_, etc. Using Claude Code on the web? See the setup note below first.
4243
1. Start developing - your AI coding assistant automatically picks up context from AGENTS.md.
4344

4445
</TabItem>
4546
</Tabs>
4647

48+
<ClaudeCodeWebEgress />
49+
4750
## AI coding assistant instructions
4851

4952
Use the following prompt in your AI coding assistant such as [Cursor](https://cursor.com/), [Claude Code](https://claude.com/product/claude-code), or [GitHub Copilot](https://github.com/features/copilot):

sources/platform/integrations/ai/agent-onboarding.md

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ toc_max_heading_level: 3
99

1010
import Tabs from '@theme/Tabs';
1111
import TabItem from '@theme/TabItem';
12+
import ClaudeCodeWebEgress from '@site/sources/_partials/_claude-code-web-egress.mdx';
1213

1314
Connect your AI agent or application to Apify - the platform for web scraping, data extraction, and browser automation. The typical agent workflow: find an Actor, run it, get structured data back.
1415

@@ -22,11 +23,7 @@ Connect your AI agent or application to Apify - the platform for web scraping, d
2223

2324
Sign up to [Apify Console](https://console.apify.com/sign-up). The free plan includes monthly platform usage credits with no credit card required. Get your API token from **[Console > Settings > Integrations](https://console.apify.com/settings/integrations)**.
2425

25-
:::tip Free exploration
26-
27-
The MCP server's `search-actors`, `fetch-actor-details`, and docs tools work without authentication. You can browse Actors and documentation without an account.
28-
29-
:::
26+
<ClaudeCodeWebEgress />
3027

3128
## Run your first Actor
3229

@@ -111,6 +108,12 @@ See [Usage and resources](/platform/actors/running/usage-and-resources) and [Bil
111108

112109
The [Apify MCP server](/platform/integrations/mcp) connects your agent to the full Apify platform via the [Model Context Protocol](https://modelcontextprotocol.io/). No local installation needed for remote-capable clients.
113110

111+
:::tip Free exploration
112+
113+
The MCP server's `search-actors`, `fetch-actor-details`, and docs tools work without authentication. You can browse Actors and documentation without an account.
114+
115+
:::
116+
114117
#### Remote (recommended)
115118

116119
Works with Claude Code, Cursor, VS Code, GitHub Copilot, and other remote-capable clients.

0 commit comments

Comments
 (0)