Installer apple-design sur Claude : 17 principes d'Apple pour tes sites
Les instructions pour installer le skill apple-design d'Emil Kowalski sur Claude et lui faire auditer tes sites.
Le skill
apple-design, créé par Emil Kowalski. Il regroupe 17 principes de design d'Apple, tirés des talks design de la WWDC, dans un seul skill que Claude peut utiliser quand il te crée un site ou une application.
Le dépôt : https://github.com/emilkowalski/skills
L'installation
Une seule commande à lancer dans ton terminal, à la racine de ton projet :
npx skills@latest add emilkowalski/skills
Le skill se range avec les autres, dans :
~/.claude/skills
Tu verras alors apple-design à côté de tes skills existants (frontend-design, brand-guidelines, pdf, webapp-testing).
Vérifier qu'il est actif
Dans Claude, le skill apparaît comme apple-design • actif. À partir de là, il s'appuie sur ses règles dès que tu lui demandes une interface : réponse instantanée, animations à ressort, typographie, espacements.
Les 3 façons de s'en servir
| Ce que tu veux | Ce que tu demandes |
|---|---|
| Créer un site ou une app | « Crée cette page en suivant le skill apple-design » |
| Auditer un site existant | « Voici le lien de mon site, fais un audit avec les règles du skill apple-design » |
| Nettoyer un document | « Formate ce PDF (ou cette campagne d'emails) avec le skill apple-design » |
L'audit, point par point
Tu donnes l'URL d'un site que t'as déjà créé, et Claude passe en revue les détails que tu sentais mal sans arriver à les nommer :
- l'alignement des blocs
- la taille des titres et la taille du texte
- les coins trop arrondis
- les espacements entre les éléments
- la hiérarchie visuelle et la hiérarchie des boutons
- le contraste
- les animations
Pourquoi ça change tout
Au lieu de répéter quinze mille fois « fais mieux, améliore le design », le skill lui donne des règles précises, du genre :
letter-spacing: -0.02em
line-height: 1.05
spring damping: 1.0
transform-origin: trigger
Claude comprend tout seul ce qu'il doit corriger, et tu sors enfin d'un site qui ressemble à tous les autres sites générés par l'IA : dégradés violets, boutons qui brillent, titres énormes en italique sur fond crème.
Une question sur l'installation ? Réponds-moi directement en message privé.