Skip to content

Commit 362d91a

Browse files
docs: Fix PR comments
1 parent 597bdbb commit 362d91a

File tree

3 files changed

+24
-13
lines changed

3 files changed

+24
-13
lines changed

sources/platform/actors/development/quick_start/build_with_ai.md

Lines changed: 9 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -15,41 +15,39 @@ import PromptButton from "@site/src/components/PromptButton";
1515
import InstallMCPButton from "@site/src/components/InstallMCPButton";
1616
import copyForAI from "./images/copy-for-ai.png";
1717

18-
This guide shows you how to build Actors efficiently with AI coding assistants. You'll learn how to use pre-built instructions, integrate Apify documentation into your AI editor, and apply best practices for AI-assisted development.
18+
You will learn several approaches to building Apify Actors with the help of AI coding assistants. This guide includes independent instructions, tools, and best practices that you can use individually or combine together. Each section focuses on a specific part of the process such as prompt usage, Actor templates, Apify MCP server tools, or documentation integration, so you can follow only the parts that fit your development style.
1919

2020
## AI coding assistant instructions
2121

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

2424
<PromptButton prompt={AGENTS_PROMPT} title="Use pre-built prompt for your AI coding assistant" />
2525

26+
The prompt guides AI coding assistants such as 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.
27+
2628
### Quick Start
2729

2830
- _Step 1_: Create directory: `mkdir my-new-actor`
2931
- _Step 2_: Open the directory in _Cursor_, _Claude Code_, _VS Code with GitHub Copilot_, etc.
3032
- _Step 3_: Copy the prompt above and paste it into your AI coding assistant (Agent or Chat)
3133
- _Step 4_: Run it, and develop your first actor with the help of AI
3234

33-
:::info Start in an AI coding assistant
35+
:::info Avoid copy-pasting
3436

35-
Copy the prompt directly to your AI coding assistant (such as Cursor or VS Code with GitHub Copilot) to maximize efficiency.. The AI will follow the guide step-by-step, and you'll avoid copy-pasting from tools like ChatGPT or Claude.
37+
The AI will follow the guide step-by-step, and you'll avoid copy-pasting from tools like ChatGPT or Claude.
3638

3739
:::
3840

3941
## Use Actor templates with AGENTS.md
4042

41-
All [Actor Templates](https://apify.com/templates) have AGENTS.md that will help you with AI coding. If you prefer a more traditional approach, run the following command:
42-
43-
:::info Install Apify CLI
44-
45-
If you don't have Apify CLI installed, install it first. Check the [installation guide](/cli/docs/installation).
46-
47-
:::
43+
All [Actor Templates](https://apify.com/templates) have AGENTS.md that will help you with AI coding. You can use the [Apify CLI](/cli/docs) to create Actors from Actor Templates.
4844

4945
```bash
5046
apify create
5147
```
5248

49+
If you do not have Apify CLI installed, see the [installation guide](/cli/docs/installation).
50+
5351
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.
5452

5553
## Use Apify MCP Server

src/components/PromptButton.jsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@ export default function PromptButton({ prompt = QUICK_START_PROMPT, title = 'Use
5656
className={styles['toggle-button']}
5757
onClick={togglePrompt}
5858
>
59-
{showPrompt ? 'Hide the prompt' : 'Show the prompt'}
59+
{showPrompt ? 'Hide prompt' : 'Show prompt'}
6060
</button>
6161
<button
6262
className={`${styles['copy-button']} ${copied ? styles.copied : ''}`}

src/components/PromptButton.module.css

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
}
1515

1616
/* Apply margin-bottom only when the next sibling is not a heading */
17-
.prompt-card:not(:has(+ h1, + h2, + h3, + h4, + h5, + h6)) {
17+
.prompt-card:not(:has(+ h1, + h2, + h3, + h4, + h5, + h6)), .full-prompt-container:not(:has(+ h1, + h2, + h3, + h4, + h5, + h6)) {
1818
margin-bottom: var(--ifm-leading);
1919
}
2020

@@ -133,6 +133,19 @@
133133
transform: translateY(0);
134134
}
135135

136+
/* Dark theme: make secondary button appear as white pill with dark text */
137+
html[data-theme='dark'] .toggle-button {
138+
background: #ffffff;
139+
color: #111827; /* nearly black for contrast */
140+
border-color: #e5e7eb; /* subtle gray border */
141+
}
142+
143+
html[data-theme='dark'] .toggle-button:hover {
144+
background: #f8fafc; /* slight hover tint, keep white look */
145+
color: #111827;
146+
border-color: #d1d5db;
147+
}
148+
136149
.full-prompt {
137150
margin-top: 1.2rem;
138151
padding: 1.2rem;

0 commit comments

Comments
 (0)