Brainless lleva la interfaz al estilo Claude a shadcn

Brainless es un proyecto de componentes de interfaz de usuario basado en los estilos de shadcn que imitan la apariencia de herramientas como Claude Code, Codex y Grok.

La página fuente se presenta como una demostración al estilo de producto en lugar de un anuncio detallado, mostrando una interfaz simulada de Claude Code v2.1.206 con prompts, salida de terminal y un flujo de edición generado para una página de destino. En el ejemplo, el usuario le pide a Claude «añadir el bloque de precios de Brainless a nuestra página de destino», y luego ejecuta:

• bunx shadcn add brainless/pricing

La salida de la demo dice “Added 1 block · 2 files” y muestra una actualización de app/page.tsx con 3 adiciones, incluyendo:

Recomendado

Una fundición tipográfica traza una línea dura contra la IA

• <Pricing tiers={TIERS} />

Otros detalles de la interfaz en la página incluyen “Welcome back Ben!”, “Fable 7 with xhigh effort · Claude Max”, “ben@freestyle.sh’s Organization”, y un directorio de trabajo de ~/acme-site. Un panel “What’s new” enumera sugerencias de rutas de directorio para /cd y una comprobación /doctor que propone trims y notas de la versión.

La página no incluye detalles más amplios del producto como precio, licencias o fecha de lanzamiento. Lo que sí muestra con claridad es el argumento de venta: componentes 'drop-in' de shadcn diseñados para recrear la estética pulida de asistentes de codificación asociada a Claude Code, Codex y Grok.