Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
79 changes: 78 additions & 1 deletion src/content/docs/es/guides/build-with-ai.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -112,6 +112,20 @@ Puedes configurarlo para usar el servidor MCP de la documentación de Astro para

[Más información sobre el uso de servidores MCP con la GitHub Action de Claude Code](https://github.com/anthropics/claude-code-action?tab=readme-ov-file#using-custom-mcp-configuration)

#### Codex CLI

Codex CLI es una herramienta de codificación con IA en la línea de comandos que puede usar el servidor MCP de la documentación de Astro para acceder a la documentación mientras genera código para Astro.

Puedes configurar los servidores MCP a nivel global en el archivo `~/.codex/config.toml`, o en un archivo `.codex/config.toml` en la raíz de un proyecto.

```toml title="~/.codex/config.toml"
[mcp_servers.astro-docs]
command = "npx"
args = ["-y", "mcp-remote", "https://mcp.docs.astro.build/mcp"]
```

[Más información sobre el uso de servidores MCP con Codex CLI](https://developers.openai.com/codex/mcp)

#### Cursor

[Cursor](https://cursor.com) es un editor de código con IA. Agregar el servidor MCP de la documentación de Astro permite que Cursor acceda a la documentación más reciente de Astro mientras realiza tareas de desarrollo.
Expand Down Expand Up @@ -220,6 +234,27 @@ Puedes configurar los servidores MCP a nivel global en el archivo `~/.gemini/set

[Más información sobre el uso de servidores MCP con Gemini CLI](https://github.com/google-gemini/gemini-cli/blob/main/docs/tools/mcp-server.md)

#### Google Antigravity

[Google Antigravity](https://antigravity.google/) es una plataforma de desarrollo agéntico.

<Steps>

1. Abre `~/.gemini/antigravity/mcp_config.json` siguiendo la [guía de Conexión de Servidores MCP Personalizados](https://antigravity.google/docs/mcp#connecting-custom-mcp-servers).
2. Agrega la siguiente configuración a `mcp_config.json`:
```json title="mcp_config.json" {3-5}
{
"mcpServers": {
"astro-docs": {
"serverUrl": "https://mcp.docs.astro.build/mcp"
}
}
}
```
3. Guarda el archivo y haz clic en "Refresh" en la pestaña "Manage MCPs".

</Steps>

#### Zed

[Zed](https://zed.dev) admite servidores MCP cuando se utilizan sus capacidades de IA. Puede usar el servidor MCP de la documentación de Astro para acceder a la documentación mientras realiza tareas de codificación.
Expand Down Expand Up @@ -265,6 +300,48 @@ Instala haciendo clic en el botón de abajo:

[Más información sobre el uso de servidores MCP con Raycast](https://manual.raycast.com/model-context-protocol)


#### Opencode AI

[Opencode AI](https://opencode.ai/) es una herramienta de codificación con IA de código abierto y basada en terminal que puede usar el servidor MCP de la documentación de Astro para acceder a la documentación mientras genera código para Astro.

Puedes configurar los servidores MCP en tu archivo de configuración de Opencode, normalmente llamado `opencode.json`, ubicado en la raíz de tu proyecto o en tu directorio de configuración global (por ejemplo, `~/.config/opencode/opencode.json`).

```json title="Configuración MCP"
{
"$schema": "https://opencode.ai/config.json",
"mcp": {
"Astro docs": {
"type": "remote",
"url": "https://mcp.docs.astro.build/mcp",
"enabled": true
}
}
}

```

[Más información sobre el uso de Opencode AI](https://opencode.ai/)

#### GitHub Copilot Coding Agent

[GitHub Copilot](https://docs.github.com/es/copilot/concepts/agents/coding-agent/about-coding-agent) puede usarse como agente de codificación impulsado por GitHub Actions. Habilitar el servidor MCP de la documentación de Astro le permite acceder a la documentación más reciente de Astro al responder preguntas o realizar tareas de codificación.

Puedes configurarlo para usar el servidor MCP de la documentación de Astro para acceder a la documentación agregando lo siguiente a la configuración del agente de codificación de Copilot en tu repositorio, disponible en `https://github.com/<tu-org>/<tu-repo>/settings/copilot/coding_agent`:
```json title="Configuración MCP"
{
"mcpServers": {
"astro-docs": {
"type": "http",
"url": "https://mcp.docs.astro.build/mcp",
"tools": ["mcp__astro-docs__search_astro_docs"]
}
}
}
```

Aprende más sobre [extender el agente de codificación de GitHub Copilot con servidores MCP](https://docs.github.com/es/copilot/how-tos/use-copilot-agents/coding-agent/extend-coding-agent-with-mcp).

### Uso

Una vez configurado, puedes hacer preguntas sobre Astro a tu herramienta de IA, y esta recuperará información directamente de la documentación más reciente. Los agentes de codificación podrán consultar la documentación actualizada al realizar tareas de programación, y los chatbots podrán responder con precisión preguntas sobre las funciones, API y mejores prácticas de Astro.
Expand Down Expand Up @@ -295,4 +372,4 @@ La misma tecnología que impulsa el servidor MCP de Astro también está disponi
- **Comienza con plantillas**: En lugar de construir desde cero, pide a las herramientas de IA que comiencen con una [plantilla de Astro](https://astro.build/themes/) existente o usa `npm create astro@latest` con una opción de plantilla.
- **Usa `astro add` para integraciones**: Pide a las herramientas de IA que utilicen `astro add` para integraciones oficiales (por ejemplo, `astro add tailwind`, `astro add react`). Para otros paquetes, instálalos usando el comando de tu gestor de paquetes preferido en lugar de editar directamente `package.json`.
* **Verifica las APIs actuales**: Las herramientas de IA pueden usar patrones desactualizados. Pídeles que consulten la documentación más reciente, especialmente para funciones nuevas como sesiones y actions. Esto también es importante para funciones que han tenido cambios significativos desde su lanzamiento inicial, como las colecciones de contenido, o funciones que antes eran experimentales y que ahora pueden haber dejado de serlo.
* **Usa reglas de proyecto**: Si tu herramienta de IA lo permite, configura reglas de proyecto para aplicar las mejores prácticas y estándares de codificación, como los mencionados anteriormente.
* **Usa reglas de proyecto**: Si tu herramienta de IA lo permite, configura reglas de proyecto para aplicar las mejores prácticas y estándares de codificación, como los mencionados anteriormente.
Loading