Frutjam Cherry

Detén las alucinaciones de IA. Tu editor de IA conoce Tailwind CSS.

Cherry es un servidor MCP gratuito (Model Context Protocol) que alimenta a tu asistente de codificación con IA con las especificaciones exactas de componentes, temas, documentación y bloques de Tailwind CSS que necesita, bajo demanda, sin alucinaciones.

Por qué los asistentes de IA se equivocan con Tailwind CSS y cómo Cherry lo soluciona

Lo que Cherry puede hacer

Solo describe lo que quieres. Cherry le da a tu IA el conocimiento exacto que necesita para construirlo correctamente.

Le pides a tu IA...	Cherry lo hace posible
"Añade una sección de precios a esta página"	Obtiene el HTML real del bloque de precios y lo inserta
"¿Qué variantes de insignias tiene Frutjam?"	Extrae la especificación completa de insignias: clases, tamaños, estados, ejemplos
"Aplica el tema arándano a este diseño"	Carga los tokens de diseño exactos para ese tema
"Convierte esta barra de navegación de Bootstrap a Frutjam"	Migra el marcado a las clases correctas de Frutjam
"Convierte este diseño de Figma en HTML de Frutjam"	Lee el enlace de Figma y lo reproduce con componentes de Frutjam
"Migra esta tarjeta de Tailwind simple a Frutjam"	Reemplaza las utilidades de Tailwind con las clases de componentes correctas de Frutjam

Pro / Team

Comandos de barra de IA integrados

Cherry incluye indicaciones listas para las tareas más comunes de Frutjam. Escribe el comando en tu editor de IA, proporciona tu entrada y obtén código Frutjam preciso, sin necesidad de indicaciones manuales.

Todos los comandos de barra están disponibles en Claude Code, Cursor, VS Code y cualquier editor compatible con MCP.

Cómo se compara Cherry

No todo el contexto de IA es igual.

	Cherry MCP	llms.txt	Sin contexto
Nombres de clases precisos	✓	Parcial
Bajo demanda: solo lo necesario	✓
Eficiente en tokens	✓		✓
Siempre actualizado	✓	✓
Temas y tokens de diseño	✓	Parcial
Bloques de página listos	✓
Figma / imagen → código	✓
Migración de frameworks	✓ Tailwind, Bootstrap
Nombres de clases precisos de Tailwind CSS v4	✓	Parcial

Configuración en menos de un minuto

No se necesita cuenta para comenzar. El plan gratuito funciona de inmediato: solo añade Cherry a tu editor y listo. La clave de licencia y el correo electrónico solo se requieren para los planes Pro y Team.

Claude Code

Plan gratuito sin necesidad de cuenta

claude mcp add frutjam-cherry -- npx -y frutjam-cherry@latest

Licencia Pro / Team requerida

claude mcp add frutjam-cherry \
  --env LICENSE=your-license-key \
  --env EMAIL=your@email.com \
  -- npx -y frutjam-cherry@latest

Cursor

Abre Configuración de Cursor → MCP y añade:

Plan gratuito sin necesidad de cuenta

{
  "frutjam-cherry": {
    "command": "npx",
    "args": ["-y", "frutjam-cherry@latest"]
  }
}

Licencia Pro / Team requerida

{
  "frutjam-cherry": {
    "command": "npx",
    "args": ["-y", "frutjam-cherry@latest"],
    "env": {
      "LICENSE": "your-license-key",
      "EMAIL": "your@email.com"
    }
  }
}

VS Code

Presiona Ctrl+Shift+P → MCP: Abrir configuración de usuario, luego añade:

Plan gratuito sin necesidad de cuenta

{
  "servers": {
    "frutjam-cherry": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "frutjam-cherry@latest"]
    }
  }
}

Licencia Pro / Team requerida

{
  "servers": {
    "frutjam-cherry": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "frutjam-cherry@latest"],
      "env": {
        "LICENSE": "your-license-key",
        "EMAIL": "your@email.com"
      }
    }
  }
}

Otros editores

Plan gratuito sin necesidad de cuenta

{
  "mcpServers": {
    "frutjam-cherry": {
      "command": "npx",
      "args": ["-y", "frutjam-cherry@latest"]
    }
  }
}

Licencia Pro / Team requerida

{
  "mcpServers": {
    "frutjam-cherry": {
      "command": "npx",
      "args": ["-y", "frutjam-cherry@latest"],
      "env": {
        "LICENSE": "your-license-key",
        "EMAIL": "your@email.com"
      }
    }
  }
}

Después de la configuración, tus primeros 60 segundos

Tres pasos para confirmar que Cherry funciona y comenzar a construir.

Paso 2

Ejecuta tu primera prueba

Abre el panel de chat de tu IA y escribe:

List all available Frutjam components

Si Cherry está activo, tu IA llamará a list_components y devolverá una lista de nombres de componentes. Eso es todo, está funcionando.

Cherry está incluido en Pro y Team

Plan gratuito disponible: solicitudes diarias limitadas, sin necesidad de cuenta.

Mejora a Pro o Team para solicitudes ilimitadas y acceso a bloques premium y comandos de barra de IA.

Preguntas frecuentes

¿Qué es un servidor MCP?

MCP (Model Context Protocol) es un estándar abierto que permite a los asistentes de IA llamar a herramientas externas en tiempo de ejecución. Cherry actúa como un servidor de herramientas; tu editor de IA lo llama para obtener especificaciones de Frutjam bajo demanda, en lugar de adivinar a partir de datos de entrenamiento.

¿Por qué los asistentes de IA alucinan nombres de clases de Tailwind CSS?

Los modelos de IA se entrenan con una instantánea de la web; no conocen los nombres de clases exactos de tu biblioteca de componentes específica, especialmente para bibliotecas más nuevas o APIs de Tailwind CSS v4. Sin contexto en vivo, inventan clases que suenan plausibles pero no existen. Cherry soluciona esto alimentando a tu IA con la documentación real y actualizada de componentes de Frutjam en el momento en que la necesita, eliminando las alucinaciones por completo.

¿Qué editores admite Cherry?

Cualquier editor con soporte MCP: Claude Code, Cursor, VS Code, Windsurf, Zed, Cline y cualquier otro editor que implemente el estándar MCP.

¿Cuál es la diferencia entre el plan gratuito y Pro/Team?

El plan gratuito te da solicitudes diarias limitadas y acceso a documentación de componentes y bloques gratuitos. Pro y Team desbloquean solicitudes ilimitadas, bloques premium, plantillas y todos los comandos de barra de IA.

¿Cómo recibo mi clave de licencia?

Tu clave de licencia se envía por correo electrónico inmediatamente después de suscribirte. También puedes gestionar tu suscripción y asientos desde tu panel de cuenta.

¿Puedo usar Cherry sin conexión?

Cherry valida tu licencia en línea en el primer uso y luego la almacena en caché localmente durante 7 días. Después, la vuelve a validar. Solo necesitas una breve conexión a internet.

¿Puedo cancelar en cualquier momento?

Sí. Cancela en cualquier momento. Tu acceso continúa hasta el final del período de facturación.