Agregar TileSet a Cursor

Añade el servidor de TileSet a la configuración MCP de Cursor, inicia sesión una vez en el navegador y luego pide al agente que ponga un muro de reseñas de Google o un feed de YouTube en la página en la que estás trabajando.

Antes de empezar

• Cursor, con el proyecto de tu sitio web abierto.
• Una cuenta de Google. Tu cuenta de TileSet se crea la primera vez que inicias sesión, gratis, sin tarjeta.
• Access to the account you want to show: your Google Business listing or your YouTube channel handle.

Configúralo

1. Abre la configuración MCP de Cursor y agrega un servidor, o edita ~/.cursor/mcp.json (todos los proyectos) o .cursor/mcp.json en tu proyecto (solo este proyecto):

   {
     "mcpServers": {
       "tileset": { "url": "https://app.tileset.com/mcp" }
     }
   }

2. Cursor lista TileSet y te pide que inicies sesión. Se abre una pestaña del navegador: inicia sesión con Google o por correo electrónico y aprueba el acceso. No hay ninguna clave que pegar.

3. En el chat del agente, pregunta: “Añade mi canal YouTube @tu_canal a mi página de inicio con TileSet”.

El agente conecta la fuente, crea el widget y agrega una etiqueta de script y un div a tu página. Pídele que revise después la página publicada y te confirmará que el widget está ahí y está mostrando publicaciones.

Qué pedir a continuación

• “Agrega un muro de reseñas de Google a la página de contacto. Aquí está nuestro enlace a Maps: …”
• “Haz que el feed sea un carrusel y oculta las leyendas.”
• “Pon el mismo widget de YouTube en la página "Acerca de" también.”

Mostrar un feed en varias páginas no cuesta nada extra. Es un widget, pegado dos veces.

¿Es seguro?

Cursor obtiene una clave TileSet para tus widgets y fuentes, nunca tus contraseñas sociales ni tokens de plataforma. TileSet tampoco le entrega tu contenido, de ninguna fuente: Cursor ve qué fuentes y widgets tienes, su configuración y recuentos, como cuántas reseñas tiene una fuente, y una vista previa del widget tal como lo ven los visitantes. Lees las publicaciones y reseñas en tu panel. La clave aparece en “Agents & API” (Agentes y API) en tu panel; revócala allí y Cursor perderá el acceso al instante. Eliminar un widget o una fuente no se puede deshacer, así que presta atención a lo que apruebas.

Preguntas comunes

¿El fragmento necesita un componente React o un useEffect? No. Carga el script una vez por página y coloca el div donde vaya el feed. El script encuentra los widgets agregados posteriormente por sí solo.

¿Puedo usar una clave de API en lugar del inicio de sesión? Sí, para CI o una configuración headless. Crea una en “Agents & API” y envíala como Authorization: Bearer <key>.