# 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.

- Versión web: https://skills.sgomez.dev/es/s/apple-design
- Sección: [Web y Diseño](https://skills.sgomez.dev/es/web.md)
- Autor: emilkowalski
- Licencia: MIT
- Código: https://github.com/emilkowalski/skills/tree/d16ebe60d09a5ba2afcb7054ede9d0a10c9f6128/skills/apple-design
- Actualizada el 23 sept 2026

## Cómo pedírselo

- `Revisa si esta interfaz sigue las convenciones de diseño de Apple`
- `Añade una animación spring al arrastrar esta hoja modal`
- `Ajusta la tipografía para que se parezca al estilo de iOS`

## Instalar

macOS · Linux:

```
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash
```

Windows:

```
irm https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.ps1 | iex
```


## 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 revisamos esto](https://skills.sgomez.dev/es/methodology.md)