CULTIVA Assistant — ai-elements UI Demo

ai-elements — Componentes React preconstruidos: Conversation Message PromptInput sobre shadcn/ui + Vercel AI SDK

Hoy, 18 jun 2026

Necesito una estrategia de contenidos para NovaSaaS, un software B2B de gestión de proyectos para agencias creativas. Target: directores de operaciones, 30-45 años. Presupuesto mensual de contenido: ~3.000€. ¿Por dónde empezamos?

CULTIVA Assistant

Estrategia de Contenidos para NovaSaaS

Con un presupuesto de 3.000€/mes y un target bien definido (directores de ops en agencias creativas), te propongo una estructura en tres pilares:

1. Contenido de Autoridad (40% del presupuesto)

2 artículos long-form/mes (1.500-2.500 palabras) orientados a SEO informacional — términos como "cómo gestionar proyectos en agencias creativas" o "herramientas de ops para agencias"
1 caso de éxito/mes con métricas reales de un cliente (ROI, horas ahorradas, NPS)
Distribución: blog propio + LinkedIn newsletter

2. Contenido de Conversión (35%)

Comparativas vs competencia (Asana, Monday, Notion) — alto intento de compra
Templates descargables (plan de proyecto para agencias, briefing creativo) como lead magnets
Landing pages orientadas a verticales: agencias de publicidad, estudio de diseño, productora

3. Contenido Social / TOFU (25%)

LinkedIn: 4 posts/semana — mezcla de insights de ops + behind the scenes del producto
Short-form vídeo: 2 Reels/semana mostrando funcionalidades clave en <60s

¿Quieres que profundice en el calendario editorial del primer mes o en el plan de distribución en LinkedIn?

Perfecto. ¿Puedes darme el calendario editorial del primer mes con fechas concretas y asignación de canales?

CULTIVA Assistant

Calendario Editorial — Julio 2026

Aquí tienes el plan semana a semana. He priorizado artículos con intención de búsqueda alta y contenido que pueda reutilizarse en varios canales:

Semana	Pieza	Canal	Objetivo	€
S1 · 1-7 jul	Artículo: "Cómo estructurar un PM ops en agencias creativas"	Blog	SEO / Autoridad	420€
S1 · 3 jul	Template: "Briefing creativo para equipos de agencia"	Lead Magnet	Captación	180€
S2 · 8-14 jul	Caso de éxito: Agencia Mambo (+38% productividad con NovaSaaS)	Blog LinkedIn	Conversión	600€
S3 · 15-21 jul	Comparativa: "NovaSaaS vs Monday.com para agencias"	Blog	SEO / Conversión	380€
S3 · 17 jul	Vídeo: "5 funciones de NovaSaaS que usan las top agencias"	LinkedIn	TOFU / Demo	350€
S4 · 22-31 jul	Artículo: "Métricas de ops que todo director de agencia debe medir"	Blog Newsletter	SEO / Retención	460€
Total julio (piezas principales)				2.390€

Los 610€ restantes se destinan a distribución paid en LinkedIn (boosting del caso de éxito y la comparativa) y diseño de assets visuales reutilizables.

¿Necesitas que genere el copy de alguna de estas piezas directamente, o prefieres el plan de distribución en LinkedIn para la semana 2?

Genera el copy del artículo de la semana 1. Dame también el snippet de código para instalar los componentes de chat en el proyecto Next.js de NovaSaaS.

CULTIVA Assistant

Copy — Artículo Semana 1

Título SEO: Cómo estructurar las operaciones de proyectos en agencias creativas (Guía 2026)

Meta description: Descubre el modelo de PM ops que usan las mejores agencias creativas para reducir fricción, cumplir deadlines y escalar sin caos. Plantillas incluidas.

Introducción (gancho):

El 67% de los proyectos en agencias creativas se entregan con retraso. No por falta de talento, sino por falta de estructura operativa. Esta guía te muestra el sistema que usan las agencias que sí cumplen: menos reuniones, más visibilidad, clientes más contentos.

CTA principal: "Descarga el template de briefing creativo para tu equipo →"

Tip de distribución: Publica martes 9:00 CET y distribuye el fragmento de introducción en LinkedIn ese mismo día. El peak de engagement en tu ICP (directores de ops) es martes 8-10h.

Instalación de Componentes de Chat (ai-elements)

Para integrar la interfaz de chat de CULTIVA Assistant en el proyecto Next.js de NovaSaaS:

bash

# 1. Instalar componentes necesarios
npx ai-elements@latest add conversation message prompt-input

# 2. Instalar dependencias del SDK
npm install @ai-sdk/react ai

tsx · app/chat/page.tsx

"use client";

import { Conversation, ConversationContent, ConversationScrollButton }
  from "@/components/ai-elements/conversation";
import { Message, MessageContent, MessageResponse }
  from "@/components/ai-elements/message";
import { PromptInput, PromptInputTextarea, PromptInputSubmit }
  from "@/components/ai-elements/prompt-input";
import { useChat } from "@ai-sdk/react";

export default function CultivaChat() {
  const { messages, input, handleInputChange, handleSubmit, status } = useChat();

  return (
    <div className="flex flex-col h-screen max-w-4xl mx-auto">
      <Conversation>
        <ConversationContent>
          {messages.map((msg) => (
            <Message from={msg.role} key={msg.id}>
              <MessageContent>
                {msg.parts.map((part, i) =>
                  part.type === "text" ? (
                    <MessageResponse key={i}>{part.text}</MessageResponse>
                  ) : null
                )}
              </MessageContent>
            </Message>
          ))}
        </ConversationContent>
        <ConversationScrollButton />
      </Conversation>

      <PromptInput onSubmit={handleSubmit} className="mt-4">
        <PromptInputTextarea value={input} onChange={handleInputChange} />
        <PromptInputSubmit
          status={status === "streaming" ? "streaming" : "ready"}
        />
      </PromptInput>
    </div>
  );
}

Este componente ya incluye: scroll automático, burbujas diferenciadas usuario/asistente, Markdown con GFM y streaming en tiempo real. Solo añade API_GATEWAY_KEY en tu .env.local y configura la ruta /api/chat.

Generar copy para LinkedIn week 2

Plan distribución paid en LinkedIn

Email de seguimiento post-artículo

KPIs a medir el primer mes

CULTIVA Assistant puede cometer errores. Verifica información importante. Enter para enviar · Shift+Enter nueva línea