Installer le skill Apple Design sur Claude
Les instructions pour installer le skill Apple Design d'Emil Kowalski sur Claude et enlever le style IA de tes sites.
Le skill
Apple Design, créé par Emil Kowalski. Il reprend 17 principes d'Apple réunis 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
- La page des skills : https://emilkowal.ski/skill
- Le fichier du skill :
apple-design / SKILL.md
L'installation
Dans ton terminal :
npx skills@latest add emilkowalski/skills
Tu choisis apple-design dans la liste, et c'est prêt.
L'utiliser pour créer
Tu appelles le skill au début de ta demande :
/apple-design Crée-moi une landing page
Claude s'appuie alors sur les 17 principes au lieu de partir sur le style qu'il sort par défaut.
L'utiliser pour auditer un site existant
Tu lui donnes le lien d'un site que t'as déjà fait :
Fais un audit de monsite.com
Claude passe le site au crible des règles du skill et te sort les détails à corriger. Par exemple :
| Ce qu'il repère | La règle |
|---|---|
| Menu opaque, sans flou : il recouvre le contenu | Règle 12 |
| Grands titres : lettres écartées (+0,02em) | Règle 15 |
| 5 arrondis différents sur une page | Règle 16 |
Au lieu de répéter quinze mille fois « fais mieux, améliore le design », tu lui donnes des règles précises pour qu'il comprenne lui-même ce qu'il doit corriger.
Les autres skills du même dépôt
animate: construire une animation de zéro en choisissant la bonne courbe, la bonne durée, les bonnes propriétés.review-animations: relire tes animations de façon stricte, selon les règles d'Emil.improve-animations: auditer toutes les animations de ton code et récupérer des plans priorisés et autonomes que n'importe quel agent peut exécuter.
Ce que ça couvre d'autre
Le skill ne sert pas qu'aux sites et aux applis. Tu peux aussi t'en servir pour formater proprement :
- un PDF, un rapport mensuel
- une newsletter ou une campagne d'emails que t'as prévu d'envoyer
Quelques règles du SKILL.md
- Every element earns its place.
- Tighten headings, leave body near 0.
- Proximity implies relationship.
- Emphasize with weight.
Une question ? Réponds direct à ce message.