You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
docs: Improve Build with AI page clarity and structure
- Add Quick Start as top-level section with two paths (prompt vs template)
- Add intro paragraph explaining how methods complement each other
- Add Agent Skills section with installation and usage context
- Remove redundant tool lists and bold intro line
- Replace Claude web tab with Claude Code CLI command for MCP setup
- Remove Antigravity references
- Fix terminology (Actor, MCP server) and add missing Oxford commas
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
**Learn how to develop new Actors or improve existing ones using AI code generation and vibe coding tools.**
11
-
12
-
---
13
-
14
10
import { AGENTS_PROMPT } from "@site/src/utils/agents-prompt";
15
11
import PromptButton from "@site/src/components/PromptButton";
16
12
import copyForAI from "./images/copy-for-ai.png";
17
13
import Tabs from '@theme/Tabs';
18
14
import TabItem from '@theme/TabItem';
19
15
20
-
This guide provides best practices for building new Actors or improving existing ones using AI code generation and vibe coding tools such as Antigravity, Cursor, Claude Code, or Visual Studio Code, by providing the AI agents with the right instructions and context.
16
+
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.
21
17
22
-
## AI coding assistant instructions
18
+
The methods below are complementary - start with the [AI coding assistant instructions](#ai-coding-assistant-instructions) or [Actor templates with AGENTS.md](#use-actor-templates-with-agentsmd) to get going, then add [Agent Skills](#use-agent-skills) and the [Apify MCP server](#use-apify-mcp-server) to give your assistant more context and better results.
23
19
24
-
Use the following prompt in your AI coding assistant such as [Antigravity](https://antigravity.google/), [Cursor](https://cursor.com/), [Claude Code](https://claude.com/product/claude-code) or [GitHub Copilot](https://github.com/features/copilot):
20
+
## Quick start
25
21
26
-
<PromptButtonprompt={AGENTS_PROMPT}title="Use pre-built prompt for your AI coding assistant" />
22
+
<Tabs>
23
+
<TabItemvalue="prompt"label="Start with a prompt">
24
+
25
+
1. Create a directory: `mkdir my-new-actor`
26
+
1. Open the directory in _Cursor_, _Claude Code_, _VS Code with GitHub Copilot_, etc.
27
+
1. Copy the [AI coding assistant prompt](#ai-coding-assistant-instructions) and paste it into your AI coding assistant
28
+
1. Run it, and develop your first Actor with the help of AI
29
+
30
+
</TabItem>
31
+
<TabItemvalue="template"label="Start with a template">
27
32
28
-
The prompt guides AI coding assistants such as Antigravity, Cursor, Claude Code or GitHub Copilot to help users create and deploy an Apify Actor step by step. It walks through setting up the Actor structure, configuring all required files, installing dependencies, running it locally, logging in, and pushing it to the Apify platform and following Apify’s best practices.
33
+
1.[Install the Apify CLI](/cli/docs/installation) if you haven't already
34
+
1. Run `apify create` to initialize an Actor from a [template](https://apify.com/templates) (includes AGENTS.md)
35
+
1. Open the project in _Cursor_, _Claude Code_, _VS Code with GitHub Copilot_, etc.
36
+
1. Start developing - your AI coding assistant automatically picks up context from AGENTS.md
29
37
30
-
### Quick Start
38
+
</TabItem>
39
+
</Tabs>
31
40
32
-
1. Create directory: `mkdir my-new-actor`
33
-
1. Open the directory in _Antigravity_, _Cursor_, _Claude Code_, _VS Code with GitHub Copilot_, etc.
34
-
1. Copy the prompt above and paste it into your AI coding assistant (Agent or Chat)
35
-
1. Run it, and develop your first actor with the help of AI
41
+
## AI coding assistant instructions
36
42
37
-
:::info Avoid copy-pasting
43
+
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):
38
44
39
-
The AI will follow the guide step-by-step, and you'll avoid copy-pasting from tools like ChatGPT or Claude.
45
+
<PromptButtonprompt={AGENTS_PROMPT}title="Use pre-built prompt for your AI coding assistant" />
40
46
41
-
:::
47
+
The prompt guides your AI coding assistant to create and deploy an Apify Actor step by step. It walks through setting up the Actor structure, configuring all required files, installing dependencies, running it locally, logging in, and pushing it to the Apify platform.
42
48
43
49
## Use Actor templates with AGENTS.md
44
50
@@ -52,9 +58,23 @@ If you do not have Apify CLI installed, see the [installation guide](/cli/docs/i
52
58
53
59
The command above will guide you through Apify Actor initialization, where you select an Actor Template that works for you. The result is an initialized Actor (with AGENTS.md) ready for development.
54
60
55
-
## Use Apify MCP Server
61
+
## Use Agent Skills
62
+
63
+
[Agent Skills](https://github.com/apify/agent-skills) are official Apify skills for Actor development, web scraping, data extraction, automation, etc. They work with Claude Code, Cursor, Codex, Gemini CLI, and other AI coding assistants. Agents are increasingly capable, but often lack the context they need to do real work reliably.
64
+
65
+
Skills solve this by giving agents access to procedural knowledge. Agents with access to a set of skills can extend their capabilities based on the task they're working on.
66
+
67
+
Install Agent Skills in your project directory:
68
+
69
+
```bash
70
+
npx skills add apify/agent-skills
71
+
```
72
+
73
+
This adds skill files to your project that AI coding assistants automatically discover and use for context. No additional configuration is needed.
56
74
57
-
The Apify MCP Server has tools to search and fetch documentation. If you set it up in your AI editor, it will help you improve the generated code by providing additional context to the AI.
75
+
## Use Apify MCP server
76
+
77
+
The Apify MCP server has tools to search and fetch documentation. If you set it up in your AI editor, it will help you improve the generated code by providing additional context to the AI.
58
78
59
79
:::info Use Apify MCP server configuration
60
80
@@ -88,7 +108,7 @@ VS Code supports MCP through MCP-compatible extensions like _GitHub Copilot_, _C
88
108
1. Install an MCP-compatible extension (e.g., GitHub Copilot, Cline).
89
109
1. Locate the extension's MCP settings or configuration file (often `mcp.json`).
90
110
- For _GitHub Copilot_: Run the **MCP: Open User Configuration** command.
91
-
- For _MCP-compatible extension_: Go to the MCP Servers tab in the extension interface.
111
+
- For _Cline_ or _Roo Code_: Go to the **MCP Servers** tab in the extension interface.
92
112
1. Add the Apify server configuration:
93
113
94
114
```json
@@ -102,39 +122,13 @@ VS Code supports MCP through MCP-compatible extensions like _GitHub Copilot_, _C
102
122
```
103
123
104
124
</TabItem>
105
-
<TabItem value="claude" label="Claude">
125
+
<TabItem value="claude-code" label="Claude Code">
106
126
107
-
1. Go to **Settings** > **Connectors** in Claude.
108
-
1. Click **Add custom connector**.
109
-
1. Set the name to `Apify` and the URL to `https://mcp.apify.com/?tools=docs`.
110
-
1. When chatting, select the **+** button and choose the **Apify** connector to add documentation context.
127
+
Run the following command to add the Apify MCP server:
111
128
112
-
</TabItem>
113
-
<TabItem value="antigravity" label="Antigravity">
114
-
115
-
To add Apify MCP server to Antigravity:
116
-
117
-
1. Click on the **Chat tab**.
118
-
2. Click the three dots (**Additional options**) menu.
119
-
3. Select **Manage MCP Servers**.
120
-
4. Click **View raw config** to open the configuration file.
121
-
5. Add the following to the configuration file:
122
-
123
-
```json
124
-
{
125
-
"mcpServers": {
126
-
"apify": {
127
-
"command": "npx",
128
-
"args": [
129
-
"-y",
130
-
"@apify/actors-mcp-server",
131
-
"--tools",
132
-
"docs"
133
-
]
134
-
}
135
-
}
136
-
}
137
-
```
129
+
```bash
130
+
claude mcp add apify "https://mcp.apify.com/?tools=docs" -t http
0 commit comments