Diseño
Que Claude diseñe como Apple, no como IA
Todo lo que hoy se diseña con inteligencia artificial se ve hecho con inteligencia artificial, y la gente lo nota. Se arregla en dos minutos: le enseñas a Claude las reglas de diseño de Apple una sola vez, y las usa para siempre.
Por qué importa
La misma página, dos veces
Le pedí a Claude la misma página, para el mismo negocio y con la misma información. Lo único que cambió fue tener la habilidad instalada. Las dos de abajo son de verdad: puedes moverte dentro de ellas.
Sin la habilidad
Degradado morado, todo centrado y un titular que no dice nada. El aspecto que la gente ya aprendió a reconocer como hecho por IA.
Con apple-design
Jerarquía tipográfica de verdad, una sola idea en pantalla y una promesa concreta. Otra categoría.
No es cambiarle el color
Lo que cambia es el criterio: contraste tipográfico, ritmo vertical, cuánto color usar y cómo se mueve algo cuando lo tocas. Movimiento que arranca desde donde está, hereda tu velocidad y se puede interrumpir. Eso es lo que se siente hecho a mano.
Instálalo
En dos minutos
Abre el repositorio
Copia esta dirección en tu navegador y entra a la carpeta skills. No vas a tocar nada de código.
github.com/emilkowalski/skills
Entra a apple-design y descarga el SKILL.md
Adentro hay un solo archivo. Ábrelo y mira la barra de arriba a la derecha: junto al botón que dice Raw hay un ícono de una flechita hacia abajo. Ese es descargar.
Si se abre una pantalla llena de texto
Le diste al botón Raw. Regresa y busca el ícono de la flechita. Y si tu computadora le cambia el nombre a SKILL.md.txt, quítale el .txt del final.
Súbelo a Claude
Entra a Claude, abre Configuración y busca la sección de Habilidades. Dale a agregar, elige subir un archivo y selecciona el que descargaste.
Si te lo rechaza, mete el SKILL.md en una carpeta llamada apple-design, comprímela en ZIP y sube el ZIP.
Úsalo sin comandos
No hay nada que aprenderse. Pide lo que quieras y Claude reconoce cuándo le toca usarla.
Si quieres estar segura de que la usó, dilo tal cual: usa la habilidad apple-design para esto.
El resto del repo
Las otras once
El repo es de Emil Kowalski, diseñador de interfaces, y trae doce habilidades. Se instalan igual que la de Apple.
- animateConstruye la animación por ti, decidiendo primero si de verdad hace falta.
- animate-expoLo mismo pero para apps de celular hechas en React Native y Expo.
- review-animationsCritica animaciones que ya existen con un estándar altísimo.
- improve-animationsAudita todo el movimiento de un proyecto y entrega un plan de arreglos.
- find-animation-opportunitiesBusca dónde falta movimiento y, sobre todo, dónde sobra.
- animation-vocabularyLe pone el nombre correcto a un efecto que sabes describir pero no nombrar.
- prototypeHace varias versiones de una misma pieza y te las pone lado a lado.
- pick-ui-libraryTe dice qué librería usar para cada cosa, con opinión.
- ask-sonnerTodo sobre Sonner, la librería de notificaciones.
- emil-design-engLa filosofía del autor sobre los detalles que hacen que algo se sienta bien.
- write-swiftCómo escribir Swift moderno bien, para apps de iPhone y Mac.
Ojo con tres de ellas al descargarlas
apple-design es un solo archivo, por eso basta con bajar el SKILL.md. Pero animate, ask-sonner y prototype traen un segundo archivo adentro de su carpeta. Si subes nada más el SKILL.md, esas tres quedan cojas: descarga la carpeta completa y súbela en ZIP.
Y tres que solo funcionan si las llamas
prototype, pick-ui-library y review-animations no se activan solas nunca: están hechas para que tú las invoques por su nombre.
No es de Apple, y está bien
No es un producto oficial de Apple: es el trabajo de Emil Kowalski destilando las charlas de diseño que Apple publicó, traducidas a la web. Es gratis y abierta, así que puedes leerla completa antes de instalarla.
Eso es todo
Mándasela a alguien que esté peleándose con diseños que se ven hechos por IA.
Ver más guías