Add Temporal Cloud Skill and restructure Develop with AI page (#4345)

* Add Temporal Cloud Skill and restructure with-ai page

Introduce categorical grouping (Skills vs MCP Server), convert
Developer Skill install methods to synced Tabs, and add the new
Temporal Cloud Skill for troubleshooting Cloud connectivity, auth,
and configuration issues.

* Apply suggestion from @bechols

Co-authored-by: Ben Echols <benjamin.echols@temporal.io>

* Update agent names in documentation

* docs: add numbered steps

---------

Co-authored-by: Ben Echols <benjamin.echols@temporal.io>
Co-authored-by: Lenny Chen <lenny.chen@temporal.io>
Co-authored-by: Lenny Chen <55669665+lennessyy@users.noreply.github.com>

Author: 3 people

docs/with-ai.mdx

@@ -5,65 +5,121 @@ sidebar_label: Develop with AI
 description: Give your AI coding agent Temporal expertise and real-time access to Temporal documentation.
 ---
 
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
 # Develop with AI
 
-Give your AI coding agent Temporal expertise with the Temporal Developer Skill and real-time documentation access with the Temporal docs MCP server.
+Give your AI coding agent Temporal expertise with Skills and real-time documentation access with the Temporal Docs MCP
+Server.
 
-## Temporal Developer Skill
+## Skills
 
-The [Temporal Developer Skill](https://github.com/temporalio/skill-temporal-developer) gives your AI coding agent expert-level knowledge of Temporal's programming model — workflow determinism rules, activity patterns, retry policies, error handling, testing strategies, worker configuration, versioning, and common gotchas.
+Skills give AI agents domain-specific Temporal expertise. They work with Claude Code, Codex, Cursor, and any agent that
+supports [Skills](https://agentskills.io).
 
-It works with Claude Code, Codex, Cursor, and any agent that supports [Skills](https://agentskills.io).
+### Temporal Developer Skill
 
-### Claude Code Plugin
+The [Temporal Developer Skill](https://github.com/temporalio/skill-temporal-developer) gives your AI coding agent
+expert-level knowledge of Temporal's programming model — workflow determinism rules, activity patterns, retry policies,
+error handling, testing strategies, worker configuration, versioning, and common gotchas.
 
-```bash
-/plugin marketplace add temporalio/agent-skills
-```
+<Tabs groupId="skill-install" queryString>
+<TabItem value="claude-code" label="Claude Code Plugin">
+
+1. Add the Temporal skills marketplace to Claude Code:
 
-Then open the plugin manager, select the marketplace, and install `temporal-developer`.
+   ```bash
+   /plugin marketplace add temporalio/agent-skills
+   ```
 
-### npx skills
+2. Open the plugin manager by running `/plugin` within Claude Code, select the marketplace, and install
+   `temporal-developer`.
 
-Works with Cline and other agents:
+</TabItem>
+<TabItem value="npx" label="npx">
+
+This works with Claude Code, Codex, Cline, and other agents.
+
+Install the skill using the `skills` CLI:
 
 ```bash
 npx skills add https://github.com/temporalio/skill-temporal-developer
 ```
 
-### Manual
+</TabItem>
+<TabItem value="manual" label="Manual">
+
+Clone the skill repository into your Claude skills directory. Change the target directory if you are using agents other
+than Claude:
 
 ```bash
 git clone https://github.com/temporalio/skill-temporal-developer.git ~/.claude/skills/temporal-developer
 ```
 
+</TabItem>
+</Tabs>
+
 Restart your coding agent after installing.
 
-## Temporal Docs MCP Server
+### Temporal Cloud Skill
 
-Connect Temporal documentation directly to your AI assistant for accurate, up-to-date answers about Temporal.
-The Temporal docs MCP server gives AI tools real-time access to our documentation, so responses draw from current docs rather than training data.
+The [Temporal Cloud Skill](https://github.com/temporalio/skill-temporal-cloud) helps your AI coding agent troubleshoot
+Temporal Cloud connectivity, authentication, and configuration issues.
 
-The server requires anonymous authentication using any Google account to enforce rate limits and prevent abuse.
-We cannot see nor do we collect any contact information from this.
+<Tabs groupId="skill-install" queryString>
+<TabItem value="npx" label="npx">
 
-### Claude Code
+This works with Claude Code, Codex, Cline, and other agents.
 
-Add the Temporal docs MCP server to Claude Code with a single command:
+Install the skill using the `skills` CLI:
 
 ```bash
-claude mcp add --scope user --transport http temporal-docs https://temporal.mcp.kapa.ai
+npx skills add https://github.com/temporalio/skill-temporal-cloud
 ```
 
-This adds the server globally so it's available in all your projects.
+</TabItem>
+<TabItem value="manual" label="Manual">
 
-To add it to a specific project only (stored in `.mcp.json`):
+Clone the skill repository into your Claude skills directory. Change the target directory if you are using agents other
+than Claude:
 
 ```bash
-claude mcp add --transport http temporal-docs https://temporal.mcp.kapa.ai
+git clone https://github.com/temporalio/skill-temporal-cloud.git ~/.claude/skills/temporal-cloud
 ```
 
-After adding, restart Claude Code and run `/mcp` to authenticate with your Google account.
+</TabItem>
+</Tabs>
+
+Restart your coding agent after installing.
+
+## Temporal Docs MCP Server
+
+Connect Temporal documentation directly to your AI assistant for accurate, up-to-date answers about Temporal. The
+Temporal docs MCP server gives AI tools real-time access to our documentation, so responses draw from current docs
+rather than training data.
+
+The server requires anonymous authentication using any Google account to enforce rate limits and prevent abuse. We
+cannot see nor do we collect any contact information from this.
+
+### Claude Code
+
+Add the Temporal docs MCP server globally so it's available in all your projects:
+
+1. Register the MCP server with Claude Code:
+
+   ```bash
+   claude mcp add --scope user --transport http temporal-docs https://temporal.mcp.kapa.ai
+   ```
+
+2. Restart Claude Code and run `/mcp` to authenticate with your Google account.
+
+To add the server to a specific project only, omit the `--scope user` flag. This stores the configuration in the
+project's `.mcp.json` file:
+
+```bash
+claude mcp add --transport http temporal-docs https://temporal.mcp.kapa.ai
+```
 
 ### Claude Desktop