Vitrio
Una terminal con el comando /catalogo La Brasa Vecina, Bogotá ya escrito y el cursor en reposo.

Un comando. El nombre del negocio y su ciudad.

La vitrina de La Brasa Vecina armada: titular, chips de categoría y las tarjetas de Almuerzo del día y Bandeja paisa con su botón de agregar.

Y la vitrina se arma: paleta, tipografía y tarjetas a la medida del rubro.

La misma vitrina con dos unidades agregadas y la comanda subida abajo, mostrando 2 platos por $44.000 aproximados y el botón Enviar.

Tu cliente arma el pedido ahí mismo. Sin cuenta, sin pasarela, sin backend.

Un chat de WhatsApp con La Brasa Vecina donde el pedido llegó completo: Almuerzo del día $16.000, Bandeja paisa $28.000 y total aproximado $44.000, con los dos chulos de entregado.

Y sale por WhatsApp, con las tildes intactas. Eso es todo el producto.

Vitrio

Un comando genera el catálogo web completo de un negocio local, con pedido por WhatsApp en cada producto. Gratis.

Es una skill de Claude Code, y lo que sale es un solo archivo HTML que abre con doble clic: sin cuenta, sin mensualidad, sin backend. No la usa el dueño de la tienda: la usas tú, y le entregas un link que abre.

Está hecha para la comunidad y se entrega completa, con licencia MIT: el código es tuyo y lo usas en todos los negocios que quieras. No hay versión recortada esperando que pagues la de verdad — esta es la de verdad.

01 El hueco

Lo gratis se ve genérico. Lo que se ve bien, cobra mensualidad.

Catálogo de WhatsApp

Ya existe y es gratis, pero es la plantilla de Meta: la misma para la floristería y para la ferretería. Sin marca propia, sin diseño.

Gratis · sin identidad

Herramientas de pago

Hacen exactamente esto y lo hacen bien, pero son cerradas, cobran mensualidad y el catálogo vive en su plataforma, no en la tuya.

Con diseño · alquilado

Vitrio

Un archivo HTML que es tuyo. Diseño hecho para ese negocio en particular, y lo alojas donde quieras porque no depende de nada.

Gratis · y tuyo

02 Demos en vivo

Tres vitrinas, la misma skill, ningún parecido.

Los colores de abajo no son decoración: son los hex que la skill eligió para cada negocio. Vitrio no tiene paleta propia — genera paletas.

  • La Brasa Vecina

    Rubro
    Restaurante · Bogotá
    Pedido
    Por lista, con comanda
    Tipos
    Bricolage Grotesque · Manrope
    Abrir la vitrina

  • Óptica Punto de Vista

    Rubro
    Óptica · Duitama
    Pedido
    Directo, uno por uno
    Tipos
    Familjen Grotesk · IBM Plex Sans
    Abrir la vitrina

  • Floristería Las Margaritas

    Rubro
    Floristería · Sogamoso
    Pedido
    Directo, uno por uno
    Tipos
    Newsreader · Public Sans

    Sin link todavía. Es el único negocio real de los tres, y su vitrina no se publica hasta que ellos confirmen dirección, horario y vigencia de los precios. Los datos que ya tiene salieron de su catálogo, uno por uno — pero no publicamos datos de contacto sin confirmar.

03 Cómo se usa

Tres pasos, dos preguntas, un archivo.

  1. 01

    Cuéntale del negocio

    Nombre, ciudad y WhatsApp. Si tienes la carta en PDF o en fotos, pásasela y ella extrae los productos con sus precios.

  2. 02

    Aprueba el diseño

    Te muestra la dirección visual antes de construir nada. Es el único momento en que tienes que decidir algo.

  3. 03

    Súbelo donde quieras

    Sale un index.html autocontenido que abre con doble clic. Ni npm, ni build, ni framework, ni servidor.

04 Qué NO hace

Esto es más corto que la lista de lo que sí hace, y va aquí a propósito.

  • No hay carrito real, ni pasarela de pago, ni cobro en línea.
  • No hay cuentas de usuario ni inicio de sesión.
  • No hay inventario ni sincronización de stock.
  • No hay backend ni base de datos.
  • El modo lista arma un mensaje con varios productos, pero vive en memoria: se pierde al cerrar la página.
  • No es e-commerce, y no intenta serlo.

05 Instalación

Una línea, y ya la tienes.

# macOS y Linux
mkdir -p ~/.claude/skills \
  && curl -fsSL https://vitrio-skill.pages.dev/catalogia.zip -o /tmp/catalogia.zip \
  && unzip -o /tmp/catalogia.zip -d ~/.claude/skills
# Windows · PowerShell
$d = "$HOME\.claude\skills"; mkdir $d -Force | Out-Null
Invoke-WebRequest https://vitrio-skill.pages.dev/catalogia.zip -OutFile "$env:TEMP\catalogia.zip"
Expand-Archive "$env:TEMP\catalogia.zip" $d -Force

Deja la skill en ~/.claude/skills/catalogia/. Sobrescribe los archivos si ya la tenías —así se actualiza— pero no borra la carpeta. Si prefieres verla antes, descarga el ZIP y descomprímelo ahí a mano. 

# y la llamas desde cualquier proyecto
/catalogo Floristería Aurora, Sogamoso
/catalogo @menu.pdf              # lee la carta y saca los productos
/catalogo --datos productos.json  # salta al diseño
/catalogo --actualizar           # regenera sin rediseñar

Después, para cambiar un precio se edita productos.json y se vuelve a subir. El dueño del negocio no vuelve a necesitar ni a ti ni a un modelo. Y no hay paso siguiente: ninguna cuenta que crear, ningún límite de catálogos, nada que se venza.