El carrusel de los tres sitios: prompts de sitereel, despliegue de Manus y componentes de 21st.dev

Fuente: Thane (@buildingwiththane) · Instagram Reel · ~16-oct-2026 · 24,7 s · 720×1280 · 502 likes · 94 comentarios · 4.957 seguidores · 367 publicaciones · hashtags #vibecoding #websitebuilding #aesthetictech #manuspartner #ad URL canónica: https://www.instagram.com/reel/DejMCrBjFNs/ Música: Tame Impala — Loser. No hay voz: todo el contenido va en rótulos quemados en la imagen (la transcripción de audio sale vacía). El desglose de abajo está reconstruido fotograma a fotograma (25 frames, 1 fps) más fotogramas de 4 fps en el tramo final.

Qué es

Un reel de 25 segundos, formato listicle de "herramientas que me hacen mejor vibe coder", en el que el creador encadena tres productos con un rótulo pegado en pantalla por cada uno y un único mensaje de cierre: "Comment SITE and I'll send you the link". Es publicidad pagada de Manus (#manuspartner #ad) disfrazada de lista de recomendaciones: dos de las tres piezas son gratis y alimentan a la tercera, que es la que se cobra.

El recorrido, en orden: sitereel.ai (galería de prompts de webs) → manus.im (agente que construye y publica la web) → 21st.dev (registro de componentes para dotar de acabado al resultado). El gancho del inicio es literal: "Websites that make me a 10x better vibe coder", con el creador en plano medio sosteniendo una jarra de café, fondo de pizarra y ventana.

Desglose, plano por plano

0-4 s · Gancho

Plano fijo de talking head, sin narración audible (solo música). Rótulo a tres líneas: "Websites that make / me a 10x better / vibe coder". No se nombra ninguna herramienta todavía: el reel se vende por identidad ("vibe coder") antes que por utilidad. El sudadera con logo CURRY funciona como ancla de marca personal, no como contenido.

5-8 s · sitereel.ai — el catálogo de prompts

Corte a un monitor Dell. Rótulo de la herramienta arriba: SiteReel.ai. Rótulo de valor abajo: "Massive collection of / prompts to build / websites with AI". En pantalla se ven tres fichas del catálogo:

• Sprig — Playful Product Website Template ("A little green, a lot of character", ilustración de planta, categoría Creative).
• Signalhouse — Data Visualization Website Template (hero oscuro con estelas de luz naranja/azul, "Signals for a changing world" / "Clarity when it matters most.", categoría Technology).
• Nival — Offworld Collection — Interactive Website Template (casco de astronauta con visera naranja reflectante, "There's more to you. Uncover it.", categoría Creative).

Rótulo de mecánica, el más importante del bloque: "Copy any prompt and paste it into your builder of choice". Es decir: sitereel no te da el HTML, te da el prompt que genera ese diseño. Hay botón Live Preview por ficha y un Explore more al pie. La colección real, extraída del sitio, tiene 22 plantillas (Mara Voss, Flomera, Forma T1, Nival, TAVO 01, Aurel One, Formfield, Sprig, Vellum, Signalhouse, Aerofold, Atelier Vale, Fieldwork, Pelagic, Soft Spot, Civora, Sonotype, Three Body, Aeris, Solace, Serra Sanctuary…), agrupadas en Portfolio / Landing Page / Creative / Luxury / Product / Technology.

Dato que el reel no dice pero el sitio sí: los assets cuelgan de sitereel.ai/manus-storage/…, o sea que sitereel está construido y alojado en Manus. Primera pista de por qué este producto aparece en un anuncio de Manus.

9-16 s · manus.im — el agente que construye y publica

El bloque más largo del reel, y el único que se lleva dinero. Cuatro rótulos encadenados:

1. "Build flawless backend / powered websites / and apps with AI" — sobre la app de Manus abierta en manus.im/app/fDgxha8X2…, con barra lateral New task / Agent / Skills (New) / Plugins y tareas previas visibles (Editing agency app, Create ARCHITECTURE.md Doc…, Troubleshoot Video Upload Issu…).
2. "Just type / a simple prompt" — pantalla de arranque de Manus, "What can I do for you?", con el prompt de ejemplo completo a la vista: "Build a landing page for a sports news company called 'SportNow'. The page should use a modern, high-energy design with a bold hero section, clean typography, and a red and black color scheme. Include sections for the latest news, featured articles, and a newsletter signup… dark mode, smooth animations, and interactive elements… optimized for SEO and load quickly."
3. "And wait for the agent / to build everything" — el agente trabajando sobre una landing de bebida: Pure Zero, "Refreshingly Clean", lata inclinada con fruta roja. En los tres frames siguientes la web cambia sola: fondo verde → lata en blanco/renderizando → fondo azul. Ese flicker es la única "prueba" de iteración que da el reel.
4. "Publish straight to / the web in one click" y "With built-in analytics / and SEO tracker" — modal Publish con Visibility: Anyone with the link, Not published, toggle Auto publish when it is ready y botón Publish now. Confirmación: "Your site is now live!" en spacecivil-consul.manus.space, con Customize domain y Visit. Después, el panel de la web publicada: pestaña Analytics, filtro Last 14 hours, PAGE VIEWS 2.7K, VISITORS 1.5K, un tercer contador de 1.2K, gráfica horaria y secciones Most viewed pages y Referrers.

Léelo bien: lo que el reel llama "backend powered" se demuestra solo con un hosting con subdominio y un panel de visitas. No hay base de datos, ni login, ni formulario funcionando en pantalla.

17-22 s · 21st.dev — el acabado

Corte a otro monitor con luz verde. Rótulo: 21st.dev. Rótulo de valor: "A component library / where you watch / each piece running / before you copy it". En pantalla, el hero real del sitio ("The living library of interfaces") y varias piezas vivas: un anillo de iconos de apps con el texto "The future is built on AI", y un hero azul de reparto con globo terráqueo, "Good things. Delivered with care." La gracia que muestra es exactamente la misma de sitereel pero a escala de componente: copias el prompt, no el código.

22-24,7 s · Cierre

Rótulo: "Comment SITE and / I'll send you the link". De fondo, sin rótulo de herramienta, un carrusel de webs generadas: paisaje selvático verde, una escena de fantasía con escaleras y agua ("Where Every Table Has Story"), y una cueva/mina 3D con noria y luces cálidas. Es B-roll de resultado: ni una URL, ni un nombre, ni un prompt. La prueba de que "funciona" es visual y anónima.

La economía del modelo

• Quién paga el reel: nadie de los tres productos directamente. El reel es una pieza de partner marketing de Manus (#manuspartner #ad). La biografía del creador lo confirma: "Building cool apps with @manus — ⬇️ Try Manus for FREE (+free credits)" con enlace de captación manus.im/redeem?c=ogi2ytz. El dinero del creador es el programa de afiliados/referidos de Manus, no una comisión de sitereel ni de 21st.dev.
• Manus (el que cobra): modelo de créditos. La página de precios en vivo muestra tres tramos con 4.000 / 8.000 / 40.000 créditos al mes más 300 créditos de refresco diarios, 20 tareas concurrentes y 20 programadas, y un 17% de descuento en anual. Los importes en dólares se renderizan con un contador animado que no se puede leer de forma fiable; los rastreadores de terceros los sitúan en torno a ~20 $ / ~40 $ / ~199 $ al mes, con un consumo de 500-2.000 créditos por construcción de app (cifra de terceros, no oficial). Traducción práctica: cada web "gratis" del reel cuesta créditos reales.
• sitereel.ai (el anzuelo gratis): 22 plantillas con "Copy prompt" abierto, sin muro de pago. Coste de operación bajo (estático + vídeos en el storage de Manus) y función estratégica: es el escaparate que hace que el prompt de Manus parezca fácil.
• 21st.dev (freemium con techo diario): navegar es gratis y hay 2 copias de componente al día; el plan Builder cuesta 6 $/mes (facturación anual) por copias e instalaciones ilimitadas, Builder + AI 15 $/mes, y Team 7,50 $/asiento/mes. Los autores de la comunidad conservan la autoría y pueden vender plantillas. El sitio declara 12.000+ componentes, 4,27 M de builders y nombres como Google, Meta, NVIDIA, Shopify o Vercel como usuarios — cifras autoinformadas.
• Coste real de replicar el reel: una cuenta gratis de Manus (300 créditos diarios) alcanza para una landing sencilla; sitereel y 21st.dev no cuestan nada al principio. El reel se puede reproducir por 0 € y el primer escalón de pago aparece cuando quieres publicar con dominio propio o pasar de dos copias de componente al día.

Dónde está el dinero (lectura para Plataforma IA)

1. El embudo es la lección, no las herramientas. Tres piezas gratis (catálogo de prompts + registro de componentes) empujando a la única que cobra por uso. Para nuestras propuestas a pymes de Madrid: regalamos el diagnóstico y el mockup, cobramos la construcción y el hosting. Ese orden — gratis, gratis, factura — es exactamente lo que hace este reel.
2. Productizar "landing en una semana" con coste marginal conocido. Con sitereel como biblioteca de referencia de estilo, Manus para el primer despliegue en *.manus.space y 21st.dev para el acabado en React cuando el cliente ya tiene repo, el coste variable por proyecto es predecible (créditos de Manus + horas de revisión). Es la materia prima perfecta para una oferta de precio fijo con margen defendible en lugar de horas.
3. El hueco que el reel deja abierto es nuestro negocio: el dominio y el SEO de verdad. El reel presume de "SEO tracker" cuando lo que enseña es un contador de visitas propio. Una pyme española no compra eso: compra sunegocio.es, Search Console, GA4, ficha de Google, aviso legal/RGPD y un formulario que envíe leads a su CRM. Todo eso va detrás del despliegue de un clic y es exactamente lo que se factura como cuota mensual.
4. Uso interno inmediato: montar el MCP de 21st.dev (github.com/21st-dev/magic-mcp) en nuestro Claude Code / Cursor para que los componentes entren al repo del cliente con la marca aplicada, y usar los prompts de sitereel como brief visual para cerrar la conversación de diseño con el cliente en una sola reunión en lugar de tres.
5. Movimiento de cartera, no de herramienta: Manus avisa en su propia portada de que "pronto volverá a operar como empresa independiente" y de que puede requerir acción en la cuenta. Cualquier entrega de cliente que dependa de *.manus.space debe salir con el dominio del cliente apuntando por DNS desde el día uno, o heredamos el riesgo de plataforma.

Herramientas y links referenciados

sitereel.ai — galería de 22 plantillas con prompt copiable (gratis).

• Sitio: https://sitereel.ai
• Sprig (Playful Product): https://sitereel.ai/template/sprig · muestra: https://sitereel.ai/preview/sprig
• Signalhouse (Data Visualization): https://sitereel.ai/template/signal-house
• Nival — Offworld Collection: https://sitereel.ai/template/nival-offworld
• Three Body — Trisolaris Observatory: https://sitereel.ai/template/three-body
• Serra Sanctuary (luxury retreat): https://sitereel.ai/template/serra-sanctuary

manus.im — agente que construye, publica y mide; cobra por créditos.

• App: https://www.manus.im
• Precios: https://manus.im/pricing
• Hosting de sitios publicados: https://manus.space (ejemplo del reel: spacecivil-consul.manus.space)
• Docs: https://manus.im/docs

21st.dev — registro de componentes React/shadcn con prompt copiable; 2 copias gratis al día.

• Sitio: https://21st.dev
• Precios: https://21st.dev/pricing
• MCP (Magic) para Cursor/Claude Code: https://github.com/21st-dev/magic-mcp

Autor y monetización

• Perfil: https://www.instagram.com/buildingwiththane/
• Cuenta principal: https://www.instagram.com/itsthanemuntz/
• Enlace de captación (el de su bio): https://manus.im/redeem?c=ogi2ytz
• Reel original: https://www.instagram.com/reel/DejMCrBjFNs/

Stack de extracción usado (el reel está tras muro de login): oEmbed de Instagram → página /embed/captioned/ en navegador real para obtener la URL CDN del mp4 → descarga directa → ffmpeg a wav 16 kHz mono y a 25 fotogramas a 1 fps (+4 fps en el tramo final) → hojas de contacto revisadas con visión. Whisper devuelve transcripción vacía: el audio es solo música, así que todo el guion de arriba sale de los rótulos y de la UI de los fotogramas.

Lo que el post no dice

• Es un anuncio, y el orden está comprado. #manuspartner #ad significa pago de Manus. Sitereel aparece justo antes de Manus porque es de Manus (sus assets viven en sitereel.ai/manus-storage/), y 21st.dev entra como tercero gratis que da credibilidad de "lista honesta".
• El prompt nunca se enseña. El único prompt legible es el de ejemplo que Manus pone por defecto en su propio cuadro de texto (SportNow). No vemos el prompt de sitereel copiado, ni el de la web Pure Zero, ni cuántos créditos costó.
• "Backend powered" no se demuestra. En pantalla solo hay landings estáticas, un modal de publicación y un panel de visitas. Sin formulario enviando datos, sin base de datos, sin login. La afirmación queda en el rótulo.
• Los 2,7K de visitas son de un sitio de demo recién publicado ("last 14 hours") del propio panel de Manus, no de un cliente ni de un negocio. No es un resultado, es un contador que arranca.
• El enlace está encerrado tras el comentario. "Comment SITE" no da el link: lo manda por DM (y el DM es el que lleva el enlace de afiliado). Lo que aparece en este informe está reconstruido por mí desde los fotogramas, no entregado por el autor; los nombres de plantilla se han verificado uno a uno contra el sitio real.
• Riesgo de plataforma heredado. Manus anuncia en su portada un próximo regreso a operar como empresa independiente con posible acción requerida en las cuentas. Un *.manus.space de cliente sin dominio propio es un activo que puede moverse bajo los pies.
• Las cifras de los terceros son suyas. "12.000+ componentes" y "4,27 M de builders" son marketing de 21st.dev; los precios de Manus ($20/$40/$199) son de rastreadores, no de la web oficial, que ofusca los importes con un contador animado.
• Nada de esto es código abierto. Los tres productos son SaaS cerrados: si mañana cierran o cambian de precio, el entregable del cliente sigue siendo suyo solo si vive en su repo (de ahí que el acabado con 21st.dev + React sea la parte que conviene poseer).