---
title: "Framework de Vite con CMS integrado para agentes de IA | Camox"
description: "Crea sitios web editables con Camox. Un framework de Vite que combina gestión de contenido visual, SEO automático y herramientas optimizadas para agentes de IA."
url: "https://camox.dev/es"
---

<!-- Navbar -->
![](https://api.camox.dev/files/serve/15/1a25576e-bf17-4555-8e12-bfe488eb09e3)

- [GitHub](https://github.com/remidej/camox)

<!-- Hero -->
# Crea sitios web editables con tu agente de codificación

Camox es un framework de Vite con CMS integrado.

```bash
npm create camox@latest
```

<!-- Without / With -->
Por qué Camox

## Los agentes de IA necesitan un framework.

No solo para renderizar páginas, sino para gestionar el sitio a largo plazo.

### Con frameworks estándar / con Camox

- **Without:** Los cambios simples de texto requieren modificaciones en el código
  **With:** Edita el contenido visualmente desde la propia página
- **Without:** Cada actualización de contenido requiere un nuevo despliegue
  **With:** Crea borradores y publica contenido directamente en producción
- **Without:** Los agentes generan el código para cada nueva página
  **With:** Los agentes crean páginas componiendo tus bloques existentes
- **Without:** Optimizar assets y SEO es tedioso
  **With:** Los assets y metadatos se gestionan automáticamente

<!-- Feature Video Grid -->
Experiencia de edición

## Las mejores funciones de las herramientas CMS.

Obtén flujos de trabajo de gestión de contenido potentes, sin la complejidad.

- ### Edita páginas en la interfaz
  Edición visual
  La edición de contenido es colaborativa y visual. No requiere código ni despliegues adicionales. Todo el equipo puede participar, incluidos los usuarios no técnicos.
  [edit-mode-16by9.mp4](https://api.camox.dev/files/serve/15/1788423035181-edit-mode-16by9.mp4)
  - Guardado automático
  - Funciona en producción
- ### Trabaja en borradores y publica cuando estés listo
  Flujos de trabajo de publicación
  Experimenta libremente con tus ideas directamente en tu sitio web. Compara los cambios con la versión en vivo. Los visitantes solo verán las actualizaciones una vez que las publiques.
  [draft-publish-16by9.mp4](https://api.camox.dev/files/serve/15/1788430004704-draft-publish-16by9.mp4)
  - Realiza cambios de forma segura
  - Descarta lo que no te guste

<!-- Illustrated Features -->
SEO y GEO

# Creado para sitios web modernos.

Las necesidades de los sitios web son muy distintas a las de las apps. Camox está diseñado para resolverlas.

- **Generación de metadatos SEO** Camox monitoriza constantemente los cambios en el contenido de tu página y genera nuevos meta tags de título y descripción optimizados para Google cuando es necesario.
  Resultado de búsqueda cuyo título y descripción Camox regenera desde toda la página cuando cambia
- **Imágenes optimizadas, metadatos incluidos** Todos tus assets se comprimen y sirven en el formato más eficiente. Además, la IA escribe los nombres de archivo y el texto alternativo, garantizando una buena a11y.
  Imagen subida que Camox comprime, renombra y añade texto alt
- **Generación de imágenes Open Graph** Haz que tu sitio destaque cuando se comparta en la web. Todas tus páginas obtienen una imagen OG de serie, usando una plantilla que puedes personalizar.
  Feed social cuyas vistas previas de enlaces muestran la imagen Open Graph que Camox genera para cada página
- **Sirve markdown a tus agentes** Cuando un LLM obtiene una página de tu sitio, no recibe HTML, sino markdown, el lenguaje más eficiente en cuanto a tokens. Tú defines la plantilla block-to-markdown, por lo que no se pierde nada en la traducción.
  La misma página servida a un humano como página renderizada y a un agente como Markdown

<!-- Feature Video Grid -->
Flujos de trabajo humanos

## No todos los cambios requieren un prompt.

Haz cambios rápidos manualmente y ahorra tus tokens para tareas más grandes.

- ### Arrastra y suelta para organizar una página
  UX estilo Notion
  ¿Crees que algo merece más atención? Arrástralo desde la barra lateral y observa el cambio en tiempo real.
  [drag-drop-16by9.mp4](https://api.camox.dev/files/serve/15/1788440833799-drag-drop-16by9.mp4)
  - UX al estilo Notion
  - Sin necesidad de código
- ### Monta páginas al vuelo
  Diseño basado en bloques
  Crea nuevas páginas desde la interfaz ensamblando las secciones que ya tiene tu sitio: un hero, un vídeo de YouTube, un banner...
  [block-assembly-16by9.mp4](https://api.camox.dev/files/serve/15/1788441993522-block-assembly-16by9.mp4)
  - No requiere código
  - Diseños consistentes

<!-- FAQ -->
- Q: ¿Es Camox gratuito?
  A: Actualmente, sí. Es posible que en el futuro añadamos límites de uso para los proyectos más grandes, lo cual no debería afectar a la mayoría de los usuarios.
- Q: ¿Es Camox open-source?
  A: Todo el codebase es público en GitHub y casi la totalidad del proyecto está bajo licencia MIT. La excepción es el API server, que utiliza la Fair Source License, lo que hace que cada release pase a licencia MIT dos años después de su publicación.
- Q: ¿Es Camox estable?
  A: Actualmente, no. Todavía no deberías usarlo en producción. Por favor, envía reportes de bugs para que podamos hacer que Camox sea más robusto.
- Q: ¿Dónde se almacenan los datos?
  A: El contenido de tus páginas está alojado en nuestra API gestionada por Camox. Utilizamos Cloudflare Workers (además de D1 y R2) para asegurar que el procesamiento y las lecturas de base de datos ocurran donde la latencia sea mínima.
- Q: ¿Puedo alojar Camox por mi cuenta?
  A: Tú alojas tu app de frontend. Para la API, no es lo ideal, pero es posible. El código fuente de la API que impulsa el SDK de Camox es público en nuestro repositorio, así que tienes libertad para crear un fork y desplegarlo. Está pensado para alojarse en la plataforma Cloudflare Workers.

<!-- Footer -->
![](https://api.camox.dev/files/serve/15/3eb0d3e8-74ea-4810-9e35-a08c0e99f5cb)

- [GitHub](https://github.com/remidej/camox)
- [npm](https://npmx.dev/package/camox)
- [Sobre nosotros](https://www.linkedin.com/in/remi-de-juvigny/)
- [Panel de control](/dashboard)
- [Términos](/terms)
- [Privacidad](/privacy)