# Bencho: incorpora bloques React interactivos con ayuda de tu agente

> Añade a tu aplicación un control interactivo que puedes probar y ajustar antes de copiarlo. Tu agente recibe el código del bloque y las indicaciones para conectarlo al proyecto.

Verificado el 26 oct 2026.

## Qué es

Bencho es una colección de bloques React y sonidos de interfaz. Cada bloque vive en una carpeta con su componente, sus estilos y un README de propiedades de entrada (props); puedes copiar solo el que necesites.

## Para qué te sirve

- Cuando quieres comparar dos imágenes con un control deslizante.
- Cuando necesitas una confirmación visual para una acción de tu aplicación.
- Cuando pides al agente incorporar un bloque que ya has probado en el catálogo.

## Cómo funciona

La web deja ajustar los controles del bloque y copiar un prompt con archivos e instrucciones de integración. En el repositorio, tokens.css centraliza colores y temas. Los bloques tienen dependencias propias; el ejemplo Like utiliza framer-motion y lucide-react. Los sonidos se sintetizan con Web Audio API y tienen una ruta de uso independiente.

## Antes de empezar

Necesitas un proyecto React y revisar el README del bloque elegido. Copiar una carpeta no instala sus dependencias. GitHub devuelve NOASSERTION en el campo de licencia; el archivo LICENSE leído contiene MIT con exclusiones para marca, fotografías y material de terceros.

Repositorio activo comprobado con GitHub el 26 oct 2026; último commit consultado del 2026-10-25.

## Límites y alternativas

La interacción es de presentación y no implementa por sí sola una carga de archivos, un pago o una aprobación de permisos. Conecta esos comportamientos en tu aplicación y revisa accesibilidad. Conserva avisos de licencia; el permiso del código no cubre automáticamente los recursos de la web. Si ya tienes un control equivalente, compara el mantenimiento antes de sustituirlo.

## Recursos

- [Repo en GitHub](https://github.com/cabralorenzo/bencho) - 57 estrellas; licencia de GitHub: NOASSERTION.
- [README consultado](https://github.com/cabralorenzo/bencho/blob/30ab35a575eb83eed8f086a6893d4d6426f4fa91/README.md) - funciones e instalación de la revisión consultada.
- [LICENSE](https://github.com/cabralorenzo/bencho/blob/30ab35a575eb83eed8f086a6893d4d6426f4fa91/LICENSE) - referencia oficial del proyecto.
- [THIRD_PARTY.md](https://github.com/cabralorenzo/bencho/blob/30ab35a575eb83eed8f086a6893d4d6426f4fa91/THIRD_PARTY.md) - referencia oficial del proyecto.
- [blocks/like/README.md](https://github.com/cabralorenzo/bencho/blob/30ab35a575eb83eed8f086a6893d4d6426f4fa91/blocks/like/README.md) - referencia oficial del proyecto.