Cómo usar CrawlForge con Cline (VS Code)

Cline es un asistente de programación con IA de código abierto para VS Code que soporta el Model Context Protocol. Convierte VS Code en un entorno de desarrollo agéntico donde la IA puede leer archivos, ejecutar comandos y -- con CrawlForge MCP -- hacer scraping de la web. A diferencia de las alternativas de código cerrado, Cline te deja elegir tu propio proveedor de LLM (Anthropic, OpenAI, Google o modelos locales vía Ollama) y te da control total sobre lo que la IA puede acceder.

Este tutorial te muestra cómo conectar CrawlForge a Cline y usar 20 herramientas de web scraping directamente en tu flujo de trabajo de VS Code.

Tabla de contenidos

• Requisitos previos
• Cómo usa Cline los MCP servers
• Paso 1: instalar el CrawlForge MCP server
• Paso 2: añadir CrawlForge a la configuración MCP de Cline
• Paso 3: probar la integración
• Flujos de trabajo de desarrollo reales
• Desglose del costo en credits
• Consejos para un uso eficiente de los credits
• Solución de problemas
• Próximos pasos

Requisitos previos

• VS Code con la extensión Cline instalada
• Node.js 18+
• Una API key de LLM (Anthropic, OpenAI u otros proveedores soportados)
• Una API key de CrawlForge -- regístrate gratis para obtener 1.000 credits

Cómo usa Cline los MCP servers

Cline descubre los MCP servers a través de un archivo de configuración JSON. Una vez configurado, la IA puede ver todas las herramientas disponibles e invocarlas durante las conversaciones. La ventaja clave de la implementación MCP de Cline:

• Flujo de aprobación: Cline te muestra exactamente qué herramienta quiere llamar y con qué parámetros antes de ejecutarla. Tú apruebas o deniegas cada acción.
• Soporte multiproveedor: usa las herramientas de CrawlForge con cualquier LLM, no solo Claude.
• Código abierto: puedes inspeccionar exactamente cómo se hacen las llamadas a las herramientas.

Paso 1: instalar el CrawlForge MCP server

Verifica que se instaló correctamente:

Paso 2: añadir CrawlForge a la configuración MCP de Cline

Abre VS Code y accede a la configuración MCP de Cline:

1. Abre la Paleta de Comandos (Cmd+Shift+P / Ctrl+Shift+P)
2. Escribe "Cline: Open MCP Settings"
3. Esto abre el archivo cline_mcp_settings.json

Añade CrawlForge a la lista de servidores:

Reemplaza la API key con tu clave real del dashboard de CrawlForge.

Nota de seguridad

Cline almacena las configuraciones MCP localmente en tu directorio de configuración de VS Code. Tu API key no se sube al control de versiones. Para configuraciones de equipo compartidas, usa referencias a variables de entorno:

Luego define la variable de entorno en el perfil de tu shell (~/.zshrc o ~/.bashrc):

Paso 3: probar la integración

Abre el panel de Cline en VS Code (haz clic en el icono de Cline en la barra lateral) y envía este mensaje:

Use CrawlForge to fetch the homepage of https://crawlforge.dev and summarize what the product does.

Cline va a:

1. Mostrarte la llamada a la herramienta propuesta (extract_content con la URL)
2. Esperar tu aprobación
3. Ejecutar la herramienta y mostrar los resultados
4. Generar un resumen basado en el contenido extraído

Si esto funciona, estás conectado. Las 20 herramientas de CrawlForge ya están disponibles.

Flujos de trabajo de desarrollo reales

Obtener documentación de librerías

Cuando te topes con una API desconocida, pídele a Cline que la busque:

I'm trying to use the Stripe API to create a subscription with a trial period. Fetch the relevant Stripe docs and show me a TypeScript example.

Cline usa el search_web (5 credits) de CrawlForge para encontrar la página de documentación correcta, luego extract_content (2 credits) para leerla, y genera un ejemplo de código adaptado a tu proyecto. Total: 7 credits.

Hacer scraping y tipar datos externos

Scrape the API response structure from https://jsonplaceholder.typicode.com/posts/1 and generate a TypeScript interface for it.

El fetch_url (1 credit) de CrawlForge recupera el JSON, y Cline genera la interfaz:

Investigar un bug desde Stack Overflow

I'm getting "TypeError: Cannot read properties of undefined (reading 'map')" in my React component. Search for solutions and apply the best fix to my code.

Cline busca con search_web (5 credits), lee la respuesta principal de Stack Overflow con extract_content (2 credits) y aplica la corrección directamente a tu archivo. Total: 7 credits.

Investigar antes de implementar

Before I implement WebSocket support, research the current best practices for WebSocket authentication in Node.js. Check at least 3 sources.

Cline encadena search_web + varias llamadas a extract_content, y luego resume el consenso. Total: ~11 credits.

Desglose del costo en credits

El plan Free te da 1.000 credits de una sola vez -- suficiente para ~140 obtenciones de una sola página o ~90 flujos de buscar y leer.

Consejos para un uso eficiente de los credits

1. Sé específico en tus prompts. "Fetch the Stripe subscription docs" dispara una sola llamada a extract_content (2 credits). "Research Stripe subscriptions" podría disparar search_web + varias extracciones (más de 11 credits).

2. Proporciona las URLs cuando las tengas. "Read https://docs.stripe.com/billing/subscriptions" cuesta 2 credits. "Find the Stripe subscription docs" cuesta 7 credits (búsqueda + extracción).

3. Usa fetch_url para APIs JSON. Con 1 credit, es la opción más barata para datos estructurados.

4. Agrupa tu investigación. Pídele a Cline que investigue varios temas en una sola conversación en lugar de empezar nuevas.

Solución de problemas

Cline no muestra las herramientas de CrawlForge: reinicia VS Code después de editar la configuración MCP. Si las herramientas siguen sin aparecer, comprueba si hay errores de sintaxis JSON en cline_mcp_settings.json.

Error "Server disconnected": asegúrate de que crawlforge-mcp-server esté en tu PATH. Ejecuta which crawlforge-mcp-server en tu terminal. Si no devuelve nada, ejecuta npm install -g crawlforge-mcp-server de nuevo.

Las llamadas a herramientas fallan con 401: tu API key es inválida o ha expirado. Genera una nueva clave en crawlforge.dev/dashboard.

Respuestas lentas de las herramientas: las herramientas basadas en navegador (scrape_with_actions, stealth_mode) tardan de 3 a 8 segundos. Las herramientas estáticas (fetch_url, extract_text) responden en menos de 1 segundo.

Próximos pasos

Con CrawlForge conectado a Cline, tienes un asistente de programación con acceso a la web. Explora más:

• Inicio rápido de CrawlForge para opciones de configuración detalladas
• Las 20 herramientas explicadas con ejemplos de uso
• Modo stealth para sitios detrás de Cloudflare o CAPTCHAs
• Automatización de deep research para análisis de múltiples fuentes

---

Convierte VS Code en una potencia de web scraping. Empieza gratis con 1.000 credits -- sin tarjeta de crédito.