Diseño web fluido estilo Apple
/apple-design
/apple-design es una skill de Claude Code de la sección Web y Diseño. La mantiene emilkowalski y se publica con licencia MIT. Aplica a la web los principios de interfaz de Apple: gestos, animaciones con resortes, transiciones interrumpibles, materiales translúcidos y tipografía.
Descripción del autor (traducida)
El enfoque de Apple para el diseño de interfaces y el movimiento fluido y físico, adaptado a la web. Úsalo al construir o revisar interfaces basadas en gestos, animaciones spring, interacciones de arrastre/swipe/hojas (sheets), transiciones con inercia e interrumpibles, materiales translúcidos y profundidad, tipografía (tamaño óptico, tracking, leading), reduced-motion, o los fundamentos de diseño (feedback, consistencia espacial, contención) detrás de las interfaces estilo Apple.
Cómo pedírselo
Revisa si esta interfaz sigue las convenciones de diseño de AppleAñade una animación spring al arrastrar esta hoja modalAjusta la tipografía para que se parezca al estilo de iOS
Instalar
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bashTras instalar con el script, escribe /apple-design. ¿Usas Cursor, Windsurf o Codex? Guías por plataforma
Demo en camino