apple-ui-designer — скилл для Claude Code: что делает и как установить
Скилл перерабатывает экраны мобильных приложений под каноны Human Interface Guidelines от Apple. Он приводит типографику, отступы и системные компоненты к нативному виду iOS.
npx skills add heyman333/atelier-ui --skill apple-ui-designer -a claude-codeЧто делает apple-ui-designer
Скилл задаёт ассистенту роль проектировщика мобильных интерфейсов под iOS. При анализе макета агент заменяет нестандартные элементы системными аналогами: переводит шрифты на SF Pro, выстраивает иерархию через размер и начертание, а также убирает резкие рамки в пользу мягких отступов. Экран пересобирается с учётом безопасных зон экрана и управления одной рукой.
Для каждого предложенного экрана скилл требует пять обязательных пунктов в описании. Модель формулирует замысел, расписывает сетку, фиксирует типографику и логику системных анимаций. Лишнее оформление отсекается сразу.
Если интерфейс задумывался как сугубо андроидный, правила скилла войдут в противоречие с исходной логикой. Он ориентирован строго на нативный стиль iOS и отсекает декоративные кастомные контролы.
Какие задачи решает
- Переделать веб-интерфейс или набросок в нативный экран под iOS
- Избавиться от перегруженных карточек и лишних визуальных рамок
- Спроектировать навигацию со стандартными модальными шторками и системным меню
- Выстроить шрифтовую иерархию без лишних акцентных цветов
Примеры запросов агенту
- Переделай этот экран оформления заказа так, чтобы он выглядел как нативное приложение для iOS
- Проверь вёрстку экрана настроек по Apple Human Interface Guidelines и убери лишние рамки
- Сделай редизайн списка контактов с крупными заголовками и системными разделителями
Как установить apple-ui-designer
1Через Skills CLI (Vercel)
npx skills add heyman333/atelier-ui --skill apple-ui-designer -a claude-code2Вручную: положить файлы
~/.claude/skills/apple-ui-designer/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/apple-ui-designer/
1Через Skills CLI (Vercel)
npx skills add heyman333/atelier-ui --skill apple-ui-designer -a codex2Вручную: положить файлы
.agents/skills/apple-ui-designer/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add heyman333/atelier-ui --skill apple-ui-designer -a cursor2Вручную: положить файлы
.cursor/skills/apple-ui-designer/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install heyman333/atelier-ui apple-ui-designer2Вручную: положить файлы
.github/skills/apple-ui-designer/SKILL.md1Через Skills CLI (Vercel)
npx skills add heyman333/atelier-ui --skill apple-ui-designer -a gemini-cli2Командой платформы
gemini skills install https://github.com/heyman333/atelier-ui --path skills/apple-ui-designerВручную: положить файлы
.devin/skills/apple-ui-designer/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add heyman333/atelier-ui --skill apple-ui-designer -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о apple-ui-designer
Как установить apple-ui-designer в Claude Code?
Выполните команду npx skills add heyman333/atelier-ui --skill apple-ui-designer -a claude-code в терминале.
Что делает скилл apple-ui-designer?
Он инструктирует ассистента анализировать и перерабатывать экраны мобильных приложений по стандартам Apple Human Interface Guidelines, отдавая приоритет нативным системным паттернам.
Какие элементы интерфейса скилл запрещает использовать?
Скилл требует избегать кричащих неоновых градиентов, тяжёлых рамок, перегруженных информационных блоков и нестандартной навигации.
