Cómo hacerlo: Diseñar en Think, Programar en Claude

Descripción general

Think4Ever guarda el diseño de tu proyecto: conceptos, requisitos, flujos, pantallas de interfaz de usuario y tareas. Claude Code escribe el código. El servidor Think MCP conecta ambos, por lo que Claude Code lee tu diseño de Think y construye basándose en él.

Esta guía te muestra cómo:

Conectar un proyecto de Claude Code a Think4Ever en unos dos minutos
Elegir cómo y dónde se compila el código
Construir, probar y ejecutar la aplicación en una URL pública de Think4Ever
Mantener Think4Ever y tu código sincronizados

Los mismos pasos funcionan con cualquier agente de programación que admita MCP, como Cursor o OpenAI Codex.

Para quién es. Si trabajas solo en un proyecto pequeño, Claude Code por sí solo puede ser suficiente. Usa Think4Ever con Claude Code cuando varios desarrolladores compartan un proyecto, o cuando necesites ver y controlar los flujos de negocio detrás de él. Think4Ever mantiene el "cerebro" compartido del proyecto, para que los miembros del equipo puedan trabajar en paralelo desde sus propias sesiones de Claude Code.

Claude Code lee el diseño de tu proyecto Think4Ever y escribe el código en el espacio de trabajo de Think4Ever, donde se ejecuta la aplicación.

Antes de empezar

Necesitas:

Una cuenta de Think4Ever y un proyecto con su concepto establecido (requisitos, flujos e, idealmente, pantallas de interfaz de usuario)
Claude Code instalado en Windows o macOS
Una carpeta vacía en tu computadora para este proyecto
Opcional: Git u otro sistema de control de versiones, si deseas el código en tu propio repositorio

Consejo: diseña las pantallas de la interfaz de usuario en Think4Ever antes de comenzar a programar. La aplicación de demostración omitió este paso, por lo que Claude Code diseñó las pantallas por sí mismo. Cuando las pantallas se planifican primero en Think4Ever, la aplicación se construye pantalla por pantalla en función de ellas y el resultado se ve mucho mejor.

Paso 1: Conectar Claude Code a Think4Ever

Te conectas una vez por proyecto. Toma alrededor de dos minutos.

Crea una carpeta para el proyecto en tu computadora, abre una terminal, usa cd para entrar en ella e inicia Claude Code.
En Think4Ever, abre tu proyecto y selecciona MCP & Tools → Claude Code.

Haz clic en Crear token (Create token) y copia el token de inmediato. Se muestra solo una vez. Puedes administrar o revocar tokens más tarde en API → Access Tokens.
Copia el comando Agregar el servidor (Add the server) de la misma página. Se ve así:

claude mcp add think4ever \
  --transport http https://<your-think4ever-cell>/mcp \
  --header "Authorization: Bearer <your-token>"

Pega el comando en tu terminal, o en Claude Code y déjalo ejecutar. Claude Code confirmará que el servidor MCP think4ever ha sido agregado y conectado.

Configuración en la terminal de Claude Code

Reinicia Claude Code en la misma carpeta. Las herramientas de un nuevo servidor MCP se cargan solo en una nueva sesión. También puedes ejecutar /mcp para confirmar que están cargadas.
Verifica la conexión. Pregúntale a Claude Code algo como "¿Ves mi proyecto de Think4Ever?" Debería nombrar tu proyecto.

Para compartir la configuración con tu equipo, la misma página también ofrece --scope user (disponible en todos los proyectos) y un archivo .mcp.json que puedes confirmar (commit) en el repositorio.

Una vez conectado, Claude Code puede usar las herramientas de Think MCP para leer y modificar tu proyecto:

Área	Qué puede hacer el agente
Proyectos	Listar, obtener, crear y actualizar proyectos
Concepto	Obtener el concepto activo, listar opciones de tecnología
Tareas	Listar tareas, obtener una tarea
Archivos	Obtener el árbol de archivos, buscar archivos, buscar dentro de archivos, buscar y reemplazar, eliminar archivos

Para ver cada herramienta, abre MCP & Tools → Tools & Test en tu proyecto de Think4Ever y haz clic en List MCP tools.

Paso 2: Elegir cómo construir

Pregúntale a Claude Code cómo puedes desarrollar este proyecto, por ejemplo: "¿Qué opciones de desarrollo tenemos?" No necesitas decir local o en la nube. El servidor Think MCP ya le dice a Claude Code cuáles son las opciones, y las enumera por ti.

En todos los escenarios, diseñas en Think4Ever. Lo que cambia es quién construye el código y dónde se ejecuta.

Escenario	Quién construye	Dónde se ejecuta	Uso de IA
1. Diseñar en Think4Ever, construir en Think4Ever	Los agentes de Think4Ever (Desarrollador, Base de datos, Seguridad, Casos de prueba y otros) escriben el código a partir de tu diseño	Nube de Think4Ever	Créditos de IA de Think4Ever
2. Diseñar en Think4Ever, construir localmente con Claude Code	Claude Code lee el diseño a través de MCP y construye la aplicación en tu carpeta local	Tu máquina. Ejecutas el servidor de la aplicación, la base de datos y los servicios localmente (por ejemplo, Node y MySQL)	Tu plan de Claude Code
3. Diseñar en Think4Ever, construir en la nube de Think4Ever a través de Claude Code (recomendado)	Claude Code lee el diseño y escribe el código directamente en tu espacio de trabajo de Think4Ever	Herramientas en la nube de Think4Ever: servidor de aplicaciones, base de datos, servicios y una URL pública	Tu plan de Claude Code

Claude Code puede usar sus propios nombres para estos. En la demostración los llamó "Develop inside think4ever" (escenario 1), "Develop locally with me" (escenario 2) y "Hybrid" (escenario 3).

Recomendado: escenario 3. Claude Code realiza la codificación en tu propio plan, y Think4Ever mantiene el diseño, la aplicación alojada y su base de datos en un solo lugar que tu equipo comparte.

Para el escenario 3, Claude Code luego pregunta cómo debería construirse el código dentro de Think4Ever. Elige I write it into think4ever (Yo lo escribo en think4ever). Claude Code entonces escribe cada archivo directamente en tu espacio de trabajo de Think4Ever. Las otras opciones le entregan la codificación a los agentes de Think4Ever, lo cual es el escenario 1 y usa créditos de IA de Think4Ever.

Si Claude Code comienza a escribir archivos localmente de todos modos, dile "not locally" (no localmente). Te preguntará si deseas eliminar la estructura local y cambiará a escribir en Think4Ever.

Paso 3: Construir, probar y ejecutar la aplicación

Iniciar el desarrollo. Dile a Claude Code que comience a construir. Escribirá los archivos en tu proyecto de Think4Ever, y podrás verlos aparecer en el explorador de archivos del proyecto a medida que se escriben.

Viendo los archivos aparecer en Think4Ever

Iniciar el servicio. Dile a Claude Code que inicie el servicio. Think4Ever aloja la aplicación y te da una URL pública que cualquiera puede abrir. Comparte esa URL con Claude Code.
Dejar que Claude Code lo pruebe. Claude Code abre la URL pública en un navegador, verifica las páginas y corrige los errores que encuentra. Toda la depuración ocurre en Claude Code.

Agregar datos de demostración. Una aplicación nueva está vacía. Pídele a Claude Code que "también agregue datos de demostración" (also add demo data). En la demostración, agregó un script de inicialización con artistas y pistas de demostración con carátulas.
Dejar que Think4Ever también solucione problemas. El agente de Think4Ever puede detectar problemas en el código que Claude Code envió. Envíalos para su corrección desde Think4Ever. Aquí, dos agentes trabajan en el mismo proyecto.

Think4Ever y Claude Code trabajando juntos

Revisar e iterar. Abre la URL pública, revisa la aplicación y pídele a Claude Code cualquier cambio de diseño o de características.

Controlar qué tan duro piensa Claude Code. En Claude Code puedes establecer el nivel de esfuerzo (por ejemplo, alto, medio o máximo). Un mayor esfuerzo significa un razonamiento más largo en cada paso y más uso de tokens.

Consejos y solución de problemas

Claude Code construye localmente a pesar de que le dije que construyera en Think4Ever. Claude Code no siempre sigue las instrucciones. Puede que construya y pruebe en tu máquina primero, y luego suba a Think4Ever. Si no quieres eso, dilo claramente al principio: "Do not run anything locally. Build and run only inside Think4Ever." (No ejecutes nada localmente. Construye y ejecuta solo dentro de Think4Ever). Recuérdaselo si se desvía.

Dos agentes están sobrescribiendo el código del otro. No dejes que Claude Code y el agente de Think4Ever cambien los mismos archivos al mismo tiempo. Espera a que uno termine, o detén a uno, antes de que el otro comience.

La aplicación en Think4Ever no muestra mis últimos cambios. Puede que Claude Code todavía se esté desplegando, o puede que haya construido localmente y no haya subido (pushed) todavía. Espera a que termine el despliegue y luego ejecuta la aplicación nuevamente en Think4Ever.

Los enlaces apuntan a una base de datos local después de mover el código. El código escrito primero para tu máquina (enlaces de bases de datos, cadenas de conexión) debe actualizarse antes de que se ejecute en Think4Ever. Pídele a Claude Code que los arregle para el entorno de Think4Ever.

El concepto de Think4Ever está desactualizado después de programar. Pídele a Think4Ever que inicie un nuevo escaneo del código. Actualizará la estructura del proyecto y los conceptos para que coincidan.

Control de versiones. Tienes dos opciones: mantener el código localmente y conectar Git o SVN desde tu máquina, o usar el control de versiones de Think4Ever. Elige el que mejor se adapte a tu equipo.

Trabajar en equipo. Dales a tus compañeros de equipo acceso al proyecto Think4Ever. Cada uno conecta su propia sesión de Claude Code (Paso 1) y trabaja en paralelo sin romper el trabajo de los demás.

Otros agentes de codificación. Cursor, OpenAI Codex y otros agentes que admiten MCP se conectan de la misma manera y obtienen las mismas herramientas de Think MCP.