apple-design · dickwu — скилл для Claude Code: проверка дизайна и установка
Проверяет интерфейсы по рекомендациям Apple и помогает находить проблемы в макетах и UI-коде. Пригодится для аудита доступности, навигации, тёмного режима и других решений.
npx skills add dickwu/apple-design-skill --skill apple-design -a claude-code
npx skills add dickwu/apple-design-skill --skill dickwu-apple-design -a claude-codeЧто делает apple-design
Скилл помогает разбирать скриншоты, макеты, экспорт из Figma, UI-код и целые кодовые базы. Он сопоставляет дизайн с Human Interface Guidelines Apple и добавляет оценку визуальной самобытности. Подходит для мобильных и настольных приложений на SwiftUI, UIKit, AppKit, Flutter, React Native, Tauri и Electron.
Внутри есть справочные страницы по рекомендациям Apple, таблица для поиска нужной страницы и материалы о переносе принципов на другие платформы. Для проверки он выбирает документы по содержимому экрана, например про формы, значки или тёмный режим. Скилл просит сверяться с файлами и указывать раздел, на который опирается замечание; обзор всего каталога за один раз не предусмотрен.
Какие задачи решает
- проверить экран на соответствие рекомендациям Apple
- найти проблемы доступности в интерфейсе
- разобрать навигацию и структуру экранов
- проверить тёмный режим или Liquid Glass
- найти в коде самодельные кнопки Apple Pay
Примеры запросов агенту
- Проверь этот экран на соответствие рекомендациям Apple и объясни замечания.
- Посмотри макет в тёмном режиме и найди проблемы с доступностью.
- Проверь код на неправильное использование Liquid Glass и кнопок Apple Pay.
Как установить apple-design
1Через Skills CLI (Vercel)
npx skills add dickwu/apple-design-skill --skill apple-design -a claude-codenpx skills add dickwu/apple-design-skill --skill dickwu-apple-design -a claude-code2Вручную: положить файлы
~/.claude/skills/dickwu-apple-design/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/dickwu-apple-design/
1Через Skills CLI (Vercel)
npx skills add dickwu/apple-design-skill --skill dickwu-apple-design -a codex2Вручную: положить файлы
.agents/skills/dickwu-apple-design/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add dickwu/apple-design-skill --skill dickwu-apple-design -a cursor2Вручную: положить файлы
.cursor/skills/dickwu-apple-design/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install dickwu/apple-design-skill dickwu-apple-design2Вручную: положить файлы
.github/skills/dickwu-apple-design/SKILL.md1Через Skills CLI (Vercel)
npx skills add dickwu/apple-design-skill --skill dickwu-apple-design -a gemini-cli2Командой платформы
gemini skills install https://github.com/dickwu/apple-design-skillВручную: положить файлы
.devin/skills/dickwu-apple-design/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add dickwu/apple-design-skill --skill dickwu-apple-design -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о apple-design
Как установить apple-design в Claude Code?
Выполните npx skills add dickwu/apple-design-skill --skill apple-design -a claude-code. Скилл также можно подключить через npx skills add dickwu/apple-design-skill --skill dickwu-apple-design -a claude-code.
Что делает apple-design?
Скилл проверяет макеты, интерфейсы и UI-код по рекомендациям Apple. Он также оценивает доступность, структуру навигации и визуальную выразительность.
С какими фреймворками работает apple-design?
Он рассматривает приложения на SwiftUI, UIKit, AppKit, Flutter, React Native, Tauri и Electron. Для платформ, отличных от SwiftUI, UIKit и AppKit, в материалах предусмотрен отдельный справочник по переводу терминов Apple.
Похожие скиллы
Всё по теме «Дизайн» →Сначала — apple-design от других авторов.
