Esta Skill recoge un patrón de buenas prácticas para construir primitivas de UI composables: componentes compuestos (preferible al prop soup). Proporciona…
Esta Skill recoge un patrón de buenas prácticas para construir primitivas de UI composables: componentes compuestos (preferible al prop soup). Proporciona un ejemplo claro de Tabs que muestra cómo componer,, y para una API simple y predecible que reduce el prop drilling y mejora la legibilidad. También incluye prácticas de accesibilidad y UX: respetar la preferencia del usuario por reducir animaciones mediante useReducedMotion (framer-motion), preferir estados de carga tipo skeleton en lugar de spinners para la percepción de rendimiento, y reglas concisas de animación (respuesta de botones 100–150 ms; animar solo transform y opacity; evitar animar width/height/margin/padding). Úsalo al diseñar bibliotecas de componentes, construir interfaces coherentes entre aplicaciones o refactorizar componentes frágiles y con muchas props — aportando mantenibilidad, accesibilidad y animaciones de alto rendimiento aceleradas por GPU.
Esta página forma parte del hub OpenClaw Skills con guías de instalación, categorías y enlaces prácticos.