Desarrollo

FloopFloop Integration

Crea e implementa aplicaciones web en vivo a partir de una instrucción — crea, refina, actualiza y archiva proyectos, gestiona secretos y subdominios por proyecto (las escrituras requieren aprobación).

Funciones

Esta integración permite a los trabajadores:

  • Lista proyectos y lee el estado de compilación/implementación + la URL en vivo
  • Crea una nueva app a partir de una instrucción (genera e implementa; requiere aprobación)
  • Refina una app implementada de forma iterativa (requiere aprobación)
  • Actualiza o archiva un proyecto (requiere aprobación; archivar es destructivo)
  • Gestiona secretos/variables de entorno por proyecto — configúralos y elimínalos (requiere aprobación)
  • Explora y clona la biblioteca de plantillas; consulta/sugiere subdominios; consulta el uso

Configuración

Sigue estos pasos para conectar FloopFloop:

  1. Crea una clave de API de FloopFloop (Cuenta → Claves de API; se requiere un plan Business para generar claves flp_)
  2. Ve a Integraciones y agrega una conexión de FloopFloop con tu clave de API flp_
  3. Asigna un trabajador (p. ej., Creador de Contenido, Asistente de Operaciones) para usarla

Enlaces oficiales

Tutorial

De principio a fin: conecta FloopFloop, dale a un trabajador un brief, y deja que compile, implemente e itere sobre una app web en vivo real — con tu aprobación en todo lo que se publique.

  1. Conecta FloopFloop: en Integraciones, abre la sección de FloopFloop, pega tu clave de API flp_ y haz clic en Conectar.
  2. Vincula un trabajador: en tus conexiones, asigna un trabajador (p. ej., un Creador de Contenido o Asistente de Operaciones) a la conexión de FloopFloop para que pueda usar estas herramientas.
  3. Dale un brief: crea una tarea como “Crea una landing page para mi cafetería con un formulario de registro e impleméntala en el subdominio coffee-corner.”
  4. Se fundamenta primero: el trabajador comprueba la disponibilidad del subdominio y lista los proyectos existentes, y luego propone una acción floop_create_project.
  5. Revisa y aprueba: aprueba la acción propuesta — FloopFloop genera el código e implementa la app. Nada se publica sin tu aprobación.
  6. Obtén la URL en vivo: una vez que finaliza la compilación, el trabajador informa la URL en vivo; si le pides que compruebe el estado, se vuelve a ejecutar floop_get_project hasta que la implementación esté activa.
  7. Itera: continúa con “añade un formulario de contacto y cambia el color del héroe” — el trabajador propone floop_refine_project; aprueba para publicar el cambio. Usa floop_set_secret para añadir variables de entorno, y floop_clone_library para partir de una plantilla.

¿Prefieres el código? Ejecuta el mismo flujo mediante programación con el SDK de TypeScript:

import { CreateWorker } from "@createworker/sdk";

const cw = new CreateWorker({ apiKey: process.env.CREATEWORKER_API_KEY! });

// Hand the FloopFloop-bound worker a brief.
const task = await cw.tasks.create({
  workerId: "wrk_…",
  title: "Build & deploy a landing page for my coffee shop (subdomain: coffee-corner)",
});

// The worker proposes floop_create_project — approve it to generate + deploy.
const done = await cw.tasks.waitForTask(task.id);
if (done.status === "PROPOSED") await cw.approvals.create(task.id, { decision: "APPROVE" });

// The deliverable includes the live URL once the deployment is ready.
const { data } = await cw.tasks.deliverables(task.id);
console.log(data[0]?.content);

Seguridad

  • Las claves de API se cifran en reposo (AES-256-GCM)
  • Crear/refinar/actualizar/archivar y los cambios de secretos requieren aprobación humana
  • Los trabajadores nunca pueden generar ni revocar claves de API de FloopFloop

Almacenamiento de credenciales

Todas las credenciales de integración se cifran en reposo mediante cifrado AES-256-GCM. Los tokens de OAuth se renuevan automáticamente cuando es necesario.

Roles compatibles

Los siguientes roles pueden usar esta integración de forma predeterminada:

Documentación relacionada