shadcn/ui como fuente, no como identidad.
La integración React de v10 instala shadcn/ui sobre Next, Tailwind 4 y primitivas Radix. El código queda dentro del repositorio y se adapta al contrato Style.
Responsabilidad
| Capa | Qué aporta |
|---|---|
| shadcn/ui | Fuente de componentes y convenciones de registry |
| Radix | Primitivas interactivas para patrones complejos |
| Style v10 | Tokens, tipografía, geometría, variantes, accesibilidad y API pública |
| Producto | Composición y dominio; no modifica la primitiva compartida |
Instalación candidata
integrations/react-v10/style-v10-react/
├── components.json
├── components/ui/button.tsx
├── app/globals.css
└── public/fonts/Adaptaciones obligatorias
- IBM Plex Sans y JetBrains Mono locales.
- Sin Geist, Google Fonts, sombras ni cards decorativas.
- Targets de control adecuados y foco visible.
- Variables shadcn mapeadas a tokens semánticos de Style.
- Componentes cliente sólo cuando el patrón lo requiere.
- Cada archivo agregado por registry se audita antes de promover.
Actualización
- El registry genera código fuente; Style conserva ownership del archivo.
- Actualizar un componente mediante diff, nunca overwrite ciego.
- Registrar la versión y dependencias del item.
- Repetir tests, accesibilidad y comparación visual.
Decisiones
Usa el identificador para confirmar, modificar o rechazar una regla.
UI-01Regla vigenteInstalar shadcn/ui en la integración React/Next de v10.
UI-02Regla vigenteNo cargar shadcn en el contrato CDN universal ni en sitios que no usan React.