Haz 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.
La diferencia, en una imagen
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. En la versión web las dos son interactivas.
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 a media animación. Eso es lo que se siente hecho a mano.
En corto
Cinco pasos, ningún comando. Estás descargando un archivo de texto y subiéndolo a Claude.
- 1Abres el repositorio
- 2Entras a apple-design
- 3Descargas el SKILL.md
- 4Lo subes a tus habilidades
- 5Guardas
Abre el repositorio y entra a skills
Copia esta dirección en tu navegador. Vas a llegar a una pantalla con una lista de carpetas. No te asustes, no vas a tocar nada de código. Busca la carpeta skills y dale clic.
Entra a la carpeta apple-design
Adentro de skills vas a ver doce carpetas. La que buscamos ahorita es apple-design. Las otras once te las explico al final de esta guía.
Descarga el archivo SKILL.md
Adentro hay un solo archivo: SKILL.md. Ese es la habilidad completa. Á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 sobre una bandeja. Ese es descargar.
Ojo con esto
Si en lugar de descargarse se te 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 antes de subirlo.
Súbela y úsala
Sube la habilidad a Claude
Entra a Claude y abre tu perfil, arriba a la derecha. De ahí a Configuración, luego Personalizar, y ahí dentro la sección de Habilidades. Dale al botón de agregar, elige Subir habilidad y selecciona el archivo que acabas de descargar.
Guarda
Y ya está instalada. No se vuelve a tocar: queda disponible en todos tus chats, para siempre.
Ahora, cómo se usa
No hay comando que aprenderse ni nada que escribir distinto. Claude lee la descripción de la habilidad y la usa solo cuando la tarea lo amerita. Tú pides lo que quieres, normal.
Hazme la página de precios de mi negocio siguiendo los principios de diseño de Apple.
Este menú se siente lento y acartonado. Arréglale el movimiento con las reglas de Apple.
Revisa esta pantalla con ojos de Apple y dime qué está mal, sin cambiarla todavía.
Si quieres forzarla, nómbrala
Cuando quieras estar segura de que la está usando, dilo tal cual: usa la habilidad apple-design para esto. Y si trabajas en Claude Code, ahí sí puedes llamarla como comando escribiendo /apple-design.
Las otras once habilidades
El repo es de Emil Kowalski, diseñador de interfaces, y trae doce habilidades en total. Se instalan igual que la de Apple. Estas son las otras once.
Ojo con estas tres 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: para esas, descarga la carpeta completa y súbela comprimida 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. Con las demás basta con pedir lo que quieres.
Antes de que la uses
Una habilidad no es un botón mágico
Lo que acabas de instalar es un instructivo muy bueno, no un diseñador. Le da a Claude criterio sobre movimiento, jerarquía y proporción, pero sigue necesitando que tú le digas qué estás haciendo y para quién. Entre más contexto le des, menos genérico sale.
No es de Apple, y está bien
La habilidad no es un producto oficial de Apple: es el trabajo de Emil Kowalski destilando las charlas de diseño que Apple publicó en sus conferencias, traducidas a la web. Es gratis y abierta, y por eso mismo puedes leerla completa antes de instalarla si te da curiosidad.
Revisa lo que instalas
Una habilidad son instrucciones que Claude va a seguir. Estas son públicas y puedes leerlas antes de subirlas, que es justo lo que las hace confiables. Aplica el mismo criterio con cualquier otra que te encuentres por ahí: si no puedes ver qué dice adentro, no la subas.
Guárdala, compártela y úsala cuando la necesites
Si esta guía te sirvió, mándasela a alguien que esté peleándose con diseños que se ven hechos por IA. Y si quieres que te enseñe a usar IA en tu negocio sin morir en el intento, ahí nos vemos.
Margot Duek | margotduek.com