---
title: "Cult UI"
description: "75 componentes para que Claude deje de sacarte diseños genéricos"
url: https://www.tododeia.com/community/cult-ui
tags: ["cult-ui", "componentes", "shadcn", "registry", "claude-code", "cursor", "diseno", "frontend", "tailwind-v4", "motion", "animaciones", "gratis", "open-source", "mit", "skills-claude", "components-build", "fixing-motion-performance", "agents-md", "no-genericos", "landing", "dashboard", "iphone-style", "hayden-bleasel", "shadcn-co-author", "nolly-studio", "espanol"]
---

# Cult UI

75 componentes para que Claude deje de sacarte diseños genéricos

## Qué resuelve

Cult UI son 75 componentes premium open-source para shadcn — textos animados, botones con efectos brillantes, dynamic island estilo iPhone, hero con texto líquido metálico, fondos animados con shaders — más dos skills oficiales para Claude Code (components-build con 16 reglas + fixing-motion-performance) co-autoradas por Hayden Bleasel y shadcn que descargas a tu proyecto y Claude Code las sigue solo para que tu próxima página, dashboard, landing o tienda salga con animaciones de Silicon Valley en lugar del diseño genérico de shadcn flat. La guía cubre los 3 pasos de setup (shadcn init → Tailwind v4 + motion + clsx + tailwind-merge → registry @cult-ui en components.json), 8 prompts copy-paste en español natural para que Claude Code instale el setup completo, descargue las 2 skills oficiales al proyecto, agregue un componente puntual respetando branding, audite una página entera y proponga reemplazos, arme una landing completa con hero-liquid-metal + text-animate + cosmic-button, arme un dashboard SaaS con bento grid + shader-lens-blur + dynamic-island, arme una sección iPhone-style con dynamic-island + family-drawer + transparencias, y corra la skill fixing-motion-performance sobre las animaciones del proyecto; la lista de las 12 categorías del registry (textos animados, tipografía pixel, botones, cards, iPhone-style/dynamic, fondos animados, shaders y metálicos, heroes, carousels y 3D, layout y navegación, AI y prompts, onboarding y forms) con los 4 highlights verificados del script (text-animate, cosmic-button, dynamic-island, hero-liquid-metal); 3 casos de uso aterrizados (landing de producto, dashboard SaaS, sección iPhone-style); tabla de stack requirements con las 5 dependencias (Tailwind v4 no v3, motion no framer-motion, shadcn @latest o @beta, Next.js 14+, clsx + tailwind-merge); los 5 errores comunes con causa y fix (shadcn no inicializado → corre init primero, framer-motion en lugar de motion → componentes salen flat sin animación, Tailwind v3 → clases no aplican, sintaxis @cult-ui/ con @latest → usa @beta o URL directa, skills no descargadas → Claude vuelve a defaults genéricos); un checklist final en 3 columnas (4 ítems antes de empezar, 5 durante el setup, 3 después del primer commit); y la pull-quote textual del AGENTS.md upstream de Hayden Bleasel + shadcn como atribución oficial. MIT · nolly-studio · ~4.2K stars · último commit 2026-04-21.

## De un vistazo

- **Nivel**: Intermedio
- **Temas**: cult-ui, componentes, shadcn, registry, claude-code, cursor, diseno, frontend, tailwind-v4, motion, animaciones, gratis, open-source, mit, skills-claude, components-build, fixing-motion-performance, agents-md, no-genericos, landing, dashboard, iphone-style, hayden-bleasel, shadcn-co-author, nolly-studio, espanol
- **Idioma**: Español
- **Precio**: Gratis

## Repositorios que usa

- [nolly-studio/cult-ui](https://github.com/nolly-studio/cult-ui): 75 componentes premium para shadcn con animaciones y 2 skills oficiales co-autoreadas con shadcn.

## La guía completa

> Este documento es el resumen. La guía completa —con los prompts, las capturas y los pasos— vive en la página HTML de /community/cult-ui. Ábrela ahí.

## Enlaces relacionados

- [Todas las guías](https://www.tododeia.com/community)

---

Este documento es la versión markdown de https://www.tododeia.com/community/cult-ui — el sitio negocia por `Accept: text/markdown`. Índice para agentes: https://www.tododeia.com/llms.txt