Namiesto toho, aby si Claudovi písal "sprav to premium", mu dáš celý dokument s pravidlami, ktoré musí dodržať. Apple design skill je destilát Apple Human Interface Guidelines: typografia, spacing, hierarchia, farby, stavy komponentov. Väčšina ľudí ním stavia nové weby, ale najsilnejšie funguje na webe, ktorý už máš.
Inštalácia
git clone https://github.com/dickwu/apple-design-skill.git ~/.claude/skills/apple-design-skill
Reštartni Claude Code, aby skill nabehol. Ak priečinok ~/.claude/skills predtým neexistoval, Claude ho načíta až pri štarte.
Alternatíva s podobným záberom je chaos-xxl/apple-design-skill, inštaluje sa rovnako.
Audit vlastného webu
- Otvor Claude Code v repe svojho webu.
- Napíš: "použi apple-design-skill a sprav mi kompletný design audit tohto webu, zoraď nálezy od najväčšieho dopadu".
- Skill prejde typografiu, spacing, kontrast, konzistenciu komponentov aj hierarchiu a vráti zoznam konkrétnych nálezov.
- Nálezy nechaj rovno opraviť: "oprav nálezy 1 až 5 a ukáž mi diff".
Nájde desiatky drobných chýb, ktoré si ako majiteľ webu dávno prestal vidieť: nekonzistentné odsadenia, príliš veľa veľkostí písma, slabý kontrast sekundárneho textu, rozbité hover stavy.
Prečo to funguje
Claude bez pravidiel dizajnuje priemer všetkého, čo videl na internete. So skillom má tvrdé mantinely od najlepšieho design systému na svete a každý jeho návrh sa dá skontrolovať proti konkrétnemu pravidlu. Rozdiel vidíš okamžite, hlavne na detailoch.
Tipy
- Audit spusti pred redizajnom aj po ňom, nech vidíš posun.
- Funguje na web aj appky, skill je písaný cross-platform (React, Flutter, Electron a ďalšie).
- Nálezy s najväčším dopadom sú skoro vždy typografia a spacing, začni tam.