Skip to content

Commit ea3e9be

Browse files
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>
1 parent ab7ed2e commit ea3e9be

File tree

1 file changed

+45
-51
lines changed

1 file changed

+45
-51
lines changed

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

Lines changed: 45 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -7,38 +7,44 @@ slug: /actors/development/quick-start/build-with-ai
77
toc_max_heading_level: 4
88
---
99

10-
**Learn how to develop new Actors or improve existing ones using AI code generation and vibe coding tools.**
11-
12-
---
13-
1410
import { AGENTS_PROMPT } from "@site/src/utils/agents-prompt";
1511
import PromptButton from "@site/src/components/PromptButton";
1612
import copyForAI from "./images/copy-for-ai.png";
1713
import Tabs from '@theme/Tabs';
1814
import TabItem from '@theme/TabItem';
1915

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.
2117

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.
2319

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
2521

26-
<PromptButton prompt={AGENTS_PROMPT} title="Use pre-built prompt for your AI coding assistant" />
22+
<Tabs>
23+
<TabItem value="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+
<TabItem value="template" label="Start with a template">
2732

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
2937

30-
### Quick Start
38+
</TabItem>
39+
</Tabs>
3140

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
3642

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):
3844

39-
The AI will follow the guide step-by-step, and you'll avoid copy-pasting from tools like ChatGPT or Claude.
45+
<PromptButton prompt={AGENTS_PROMPT} title="Use pre-built prompt for your AI coding assistant" />
4046

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.
4248

4349
## Use Actor templates with AGENTS.md
4450

@@ -52,9 +58,23 @@ If you do not have Apify CLI installed, see the [installation guide](/cli/docs/i
5258

5359
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.
5460

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.
5674

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.
5878

5979
:::info Use Apify MCP server configuration
6080

@@ -88,7 +108,7 @@ VS Code supports MCP through MCP-compatible extensions like _GitHub Copilot_, _C
88108
1. Install an MCP-compatible extension (e.g., GitHub Copilot, Cline).
89109
1. Locate the extension's MCP settings or configuration file (often `mcp.json`).
90110
- 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.
92112
1. Add the Apify server configuration:
93113

94114
```json
@@ -102,39 +122,13 @@ VS Code supports MCP through MCP-compatible extensions like _GitHub Copilot_, _C
102122
```
103123

104124
</TabItem>
105-
<TabItem value="claude" label="Claude">
125+
<TabItem value="claude-code" label="Claude Code">
106126

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:
111128

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
131+
```
138132

139133
</TabItem>
140134
</Tabs>

0 commit comments

Comments
 (0)