# open-slide: construye presentaciones con componentes React

> Crea diapositivas como código, revisa comentarios en el navegador y exporta el resultado desde un espacio preparado para agentes.

Verificado el 26 oct 2026.

## Qué es

open-slide es un framework para presentaciones escritas con React. Aporta el lienzo, la navegación y las herramientas de exposición para que un agente de programación construya el contenido como componentes.

## Para qué te sirve

- Cuando quieres revisar una presentación con el mismo control de cambios que el código.
- Cuando necesitas comentar elementos concretos y pedir al agente que aplique esas observaciones.
- Cuando buscas una salida HTML o una exportación a formatos de presentación.

## Cómo funciona

Las diapositivas se renderizan sobre un lienzo fijo de 1920 por 1080. El proyecto generado incluye skills de autoría y un servidor de desarrollo. El inspector conserva comentarios asociados al código; el agente puede resolverlos después.

El repositorio distingue el entorno de ejecución principal y el generador de espacios. Para usarlo conviene crear un proyecto nuevo con la CLI, en vez de copiar la aplicación de demostración del monorepo.

## Antes de empezar

Necesitas Node.js ≥20.19 y <21, o ≥22.12, con npm/npx para el generador; pnpm para el ejemplo de desarrollo. El repositorio fija pnpm 10.17.0. El agente que escribe React se configura aparte. Los recursos gráficos, fuentes y contenido de la presentación necesitan sus propios permisos de uso.

## Límites y alternativas

Exportar no garantiza igualdad visual en todos los formatos. Revisa texto, cortes y elementos interactivos en la salida concreta. Para una presentación sencilla mantenida por personas sin código puede ser más adecuado un editor convencional.

## Recursos

- [Repositorio y README](https://github.com/open-slide/open-slide) - 9424 estrellas; licencia detectada por GitHub: MIT.
- [Licencia](https://github.com/open-slide/open-slide/blob/main/LICENSE) - Consulta sus condiciones antes de reutilizar el proyecto.