Cult UI — 75 componentes premium + 2 skills oficiales para que Claude deje de sacar UI flat

npx shadcn@latest add https://cult-ui.com/r/text-animate.json

npx shadcn@latest add https://cult-ui.com/r/cosmic-button.json

npx shadcn@latest add https://cult-ui.com/r/dynamic-island.json

npx shadcn@latest add https://cult-ui.com/r/hero-liquid-metal.json

Quiero usar Cult UI (https://cult-ui.com · github.com/nolly-studio/cult-ui)
en este proyecto. Es un registry de shadcn, no un paquete npm. Hacé en 5
pasos, confirmando cada uno:

1. VERIFICAR STACK
   - Leé package.json: versión de Tailwind, framework, si hay shadcn
     (components.json), si está instalado motion o framer-motion
   - Si Tailwind es v3, proponé upgrade a v4 (NO corras todavía)
   - Si tengo framer-motion: marcalo. Cult UI usa motion, NO framer-motion

2. INICIALIZAR SHADCN SI FALTA
   - Si no hay components.json: npx shadcn@latest init con defaults
     razonables (paleta neutral, CSS variables, base color neutral)
   - Si ya hay: no tocar

3. INSTALAR DEPENDENCIAS FALTANTES
   - motion (NO framer-motion). Si tengo framer-motion, desinstalá primero
   - clsx y tailwind-merge si faltan

4. CONFIGURAR REGISTRY @cult-ui
   - Editá components.json y agregá bloque:
     "registries": {
       "@cult-ui": "https://cult-ui.com/r/{name}.json"
     }
   - Si ya tenía bloque registries: fusioná sin sobrescribir

5. SMOKE TEST
   - npx shadcn@latest add https://cult-ui.com/r/cosmic-button.json
   - Confirmá que el archivo quedó en components/ui/
   - Importá en una página de prueba para verificar que compila

Si falla:
- "registry not found": usar URL directa en lugar de @cult-ui/
- Imports motion/react fallan: verificar NO tener framer-motion
- Clases Tailwind no aplican: confirmar v4 con @tailwindcss/postcss

Al final decime: qué quedó instalado, archivos cambiados, comando
para agregar siguiente componente.

Cult UI viene con 2 skills oficiales que hacen que Claude siga su spec
automáticamente. Quiero tenerlas en este proyecto.

Pasos:

1. Crear .claude/skills/ si no existe.

2. Descargar las 2 skills del repo nolly-studio/cult-ui:
   - .claude/skills/components-build/
   - .claude/skills/fixing-motion-performance/

   Forma limpia:
   git clone --depth 1 https://github.com/nolly-studio/cult-ui.git \
     /tmp/cult-ui-skills
   mkdir -p .claude/skills
   cp -r /tmp/cult-ui-skills/.claude/skills/components-build .claude/skills/
   cp -r /tmp/cult-ui-skills/.claude/skills/fixing-motion-performance \
     .claude/skills/
   rm -rf /tmp/cult-ui-skills

3. Verificar SKILL.md en cada carpeta:
   ls .claude/skills/components-build/SKILL.md
   ls .claude/skills/fixing-motion-performance/SKILL.md

4. Confirmame cuántos archivos copiaste y que SKILL.md se lee bien.

Después de copiar, cerrá la sesión de Claude Code y reabrila. Las skills
se leen al arranque. Desde ese momento Claude respeta el spec
automáticamente.

Quiero meter [COMPONENTE] de Cult UI en [DÓNDE].

1. Agregá componente: npx shadcn@latest add https://cult-ui.com/r/[COMPONENTE].json

2. Leé mi globals.css y tailwind.config para extraer design tokens reales
   (paleta, font-family, radius, spacing). Respetá esos tokens.

3. Importá en [DÓNDE]:
   - Reemplazá el elemento equivalente actual por la versión de Cult UI
   - Mantené copy/contenido textual intacto
   - Ajustá props para que respete MI paleta y MI font — no me dejes
     estilo demo del repo
   - Si necesita wrapper para animar (Suspense, dynamic import client-only),
     agregalo correctamente

4. Verificá:
   - Build/dev sin warnings
   - El componente queda integrado, NO como sticker pegado

Si tengo cargada la skill components-build, seguila al pie de la letra
(accessibility, polymorphism, design-tokens del proyecto NO hardcoded).

Al final: archivos tocados, antes/después en 1 frase, FPS estimado de
animaciones. Si menos de 60, sugerí /fixing-motion-performance.

Auditá [RUTA, ej. app/page.tsx] y decime dónde Cult UI sumaría.

Tu tarea es AUDIT, no refactor. Producí este reporte:

1. INVENTARIO
   - Elementos visuales clave (hero, CTAs, cards, nav, footer, fondos)
   - Para cada uno: qué componente shadcn/raw HTML uso hoy

2. DIAGNÓSTICO
   - Marcá cuáles se sienten genéricos / de plantilla
   - Marcá cuáles ya están bien y NO conviene tocar

3. PROPUESTA CON CULT UI
   - Para cada genérico: componente Cult UI específico que lo reemplaza
   - Solo componentes que sepas que existen en el registry
   - Para cada propuesta: comando exacto de install
   - Impacto visual: high/low

4. PLAN PRIORIZADO
   - Ordená de mayor a menor impacto
   - Recomendá empezar por 2-3 de high impact en above-the-fold

5. RIESGOS
   - ¿Algo va a chocar con mi paleta/tipografía?
   - ¿Algún componente requiere setup extra (motion, shader support)?

NO agregues ni instales nada todavía. Solo el reporte.

> Generá landing con Claude Web Builder.
> Después auditala con Cult UI y reemplazá los genéricos
  por componentes premium.