Biblioteca
🎨 Diseño & Frontend con IAreact

Que la IA deje de darte el mismo diseño genérico (Cult UI)

Todas las apps hechas con IA salen iguales: degradado violeta, tipografía Inter, cero personalidad. Cult UI es una colección gratuita de componentes con onda que le pasás a Claude para que construya con ellos en vez de improvisar.

#diseno#frontend#componentes#shadcn#react#open-source

Pedíle a cualquier IA una landing y ya sabés lo que sale: degradado violeta, tipografía Inter, botones redondeados, cero personalidad. No es que la IA diseñe mal: es que sin materiales propios copia el promedio de internet, y el promedio es eso.

Cult UI le da los materiales. Es una biblioteca open-source (MIT, +6.000 estrellas en GitHub) de componentes con carácter —animaciones de texto, botones vivos, tarjetas con profundidad, secciones hero— que se copian a tu proyecto y quedan tuyos.

  • +6.000estrellas en GitHub
  • MITgratis, uso comercial
  • Copy-pasteel código queda tuyo

01 Qué es

📟 En criollo

Componente = una pieza suelta de tu pantalla (un botón, una tarjeta, un menú). shadcn = el sistema, hoy estándar, que en vez de instalarte una librería te copia el archivo del componente adentro de tu proyecto. La diferencia importa: si el componente es tuyo, lo podés modificar y no dependés de que otro lo mantenga.

Cult UI está hecho para ese sistema: cada componente vive en el catálogo de cult-ui.com con su vista previa y su comando de instalación propio, y se agrega con el instalador de shadcn:

npx shadcn@latest add <la URL del componente>

🧪 La analogía

Es la diferencia entre pedirle a un carpintero “haceme una mesa” y darle la madera buena. Con la misma instrucción, el resultado cambia por completo — porque cambia el material, no el carpintero.

02 Cómo se usa con Claude

✅ Cómo se hace

  1. Entrá a cult-ui.com y navegá el catálogo: cada componente tiene demo en vivo.
  2. Cuando uno te guste, copiá su comando de instalación (el sitio te lo da hecho).
  3. Pegáselo a Claude Code en tu proyecto y pedile que lo integre en la sección que querés.

“Instalá este componente de Cult UI en mi landing y adaptá los colores a mi paleta de marca. No cambies el resto de la página.”

⚠️ Ojo con esto

Necesita un proyecto de React con Tailwind y el archivo components.json ya configurado (eso lo deja el comando npx shadcn@latest init). Si tu proyecto no usa Tailwind, esto no es para vos — y decirle a Claude que “lo adapte igual” es la receta para romper el sitio.

⚡ Tip del Tincho

No los pongas todos. Un componente con movimiento en el héroe y el resto sobrio se ve profesional; cinco animaciones en la misma pantalla se ven a juguete. La contención es el diseño.

03 Para qué te va a servir

  • Que tu producto no se vea como los otros mil hechos con IA esta semana.
  • Tener el código del componente adentro de tu proyecto, sin depender de nadie.
  • Darle a Claude un estándar visual concreto en vez de que invente uno distinto en cada pantalla.

⚡ De la casa para vos

Combina perfecto con shadcn/ui, que ya está en esta Biblioteca: shadcn te da la base sobria y prolija, Cult UI le pone la personalidad arriba. Los dos hablan el mismo idioma, así que convivien sin pelearse.

¿Querés ir más allá de los recursos?

Sumate al Laboratorio: módulos paso a paso, desafíos y comunidad.

Ver planes