К основному содержанию
скилл Claude Code CX Codex Cursor GitHub Copilot

apple-hig — скилл для Claude Code: что делает и как установить

Подключает базу Apple Human Interface Guidelines для iOS, macOS, visionOS, watchOS и tvOS к агенту при проектировании интерфейсов.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add nexu-io/open-design --skill apple-hig -a claude-code
Открыть на GitHub

Что делает apple-hig

Скилл передаёт агенту правила Apple Human Interface Guidelines. Он охватывает 14 направлений: платформы, базовые принципы, компоненты, паттерны, способы ввода и технологии для систем iOS, macOS, visionOS, watchOS и tvOS.

Эта запись каталога OpenDesign служит точкой обнаружения скилла на этапе планирования. Чтобы агент получил доступ к оригинальным скриптам, ассетам и полным справочникам, придётся отдельно поставить бандл из репозитория raintree-technology/apple-hig-skills.

Агент вызывает этот скилл по прямому имени apple-hig или по фразам-триггерам в запросе.

Какие задачи решает

  • сверить интерфейс с гайдлайнами iOS или macOS
  • подобрать системные компоненты ввода для visionOS
  • проверить структуру навигации приложения под watchOS
  • найти рекомендации Apple по технологиям оформления экранов tvOS

Примеры запросов агенту

  • Проверь этот экран настроек по правилам ios design
  • apple hig: какие компоненты выбрать для карточки в visionos design?
  • Используй apple-hig, чтобы выстроить навигацию для watchOS

Как установить apple-hig

1Через Skills CLI (Vercel)

npx skills add nexu-io/open-design --skill apple-hig -a claude-code

2Вручную: положить файлы

~/.claude/skills/apple-hig/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/apple-hig/

Из того же набора106

Весь набор →
ui-ux-pro-max nexu-io Каталожная карточка для обнаружения скилла UI/UX Pro Max в репозитории OpenDesign. Помогает агенту распознавать запросы к паттернам интерфейсов и эвристикам юзабилити. Claude Code CX Codex Cursor +1 5 400установок frontend-design nexu-io Скилл для создания фронтенд-интерфейсов с продуманной типографикой, цветом и вёрсткой — от лендингов до дашбордов. Claude Code CX Codex Cursor +1 4 800установок threejs nexu-io Помогает ассистенту создавать 3D-сцены, настраивать материалы, камеру и пост-обработку на Three.js прямо в браузере. Claude Code CX Codex Cursor +1 3 400установок creative-director nexu-io Скилл ведёт разработку креативной концепции от брифа до презентации и проверяет идеи по трём осям. Нужен для кампаний и критики концепций. Claude Code CX Codex Cursor +1 3 400установок design-brief nexu-io Преобразует дизайн-бриф в формате I-Lang в конкретную спецификацию с палитрой, типографикой, плотностью и ограничениями. Устраняет неопределённость из фраз вроде «сделай профессионально». Claude Code CX Codex Cursor +1 3 400установок hatch-pet nexu-io Создаёт и упаковывает спрайтшиты анимированных питомцев для Codex в формате 8×9. Пригодится для сборки пиксельного компаньона по концепту или картинке-референсу. Claude Code CX Codex Cursor +1 3 100установок design-md nexu-io Создаёт и ведёт DESIGN.md с направлением дизайна, токенами и визуальными правилами. Пригодится, когда агенту нужен единый документ по дизайн-системе. Claude Code CX Codex Cursor +1 3 100установок d3-visualization nexu-io Скилл учит агента создавать интерактивные графики и визуализации данных на D3.js. Подойдёт, если нужно быстро генерировать диаграммы для дашбордов, отчётов и прототипов. Claude Code CX Codex Cursor +1 3 100установок

Похожие

premium-frontend-ui официальный Utkarsh Patrikar Направляет GitHub Copilot при создании визуально выразительных страниц и компонентов с анимацией. Подойдёт для лендинга или интерактивного портфолио. GitHub Copilot 4 900установок expo-native-ui expo Настраивает правила вёрстки нативных экранов в Expo по гайдам Apple HIG: цвета, элементы @expo/ui, SF Symbols и адаптивные отступы. Claude Code CX Codex Cursor +1 31 400установок wcag-audit-patterns Seth Hobson Проверяет веб-интерфейс по WCAG 2.2, сочетая автотесты и ручную проверку. Нужен при поиске нарушений и внедрении доступных паттернов. Claude Code CX Codex Cursor 12 486установок agentation-self-driving benjitaylor Запускает автономный визуальный аудит интерфейса в открытом окне браузера и расставляет карточки замечаний через тулбар Agentation. Claude Code CX Codex Cursor +1 7 000установок dfam-check earthtojake Скилл проверяет 3D-сетки на пригодность к 3D-печати по правилам DfAM перед нарезкой в слайсере или отправкой на станок. Claude Code CX Codex Cursor +1 4 100установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок grill-me Matt Pocock Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. Подойдёт перед началом разработки. Claude Code 1 424 476установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок

Вопросы о apple-hig

Как установить apple-hig в Claude Code?

Выполните команду npx skills add nexu-io/open-design --skill apple-hig -a claude-code в терминале проекта.

Что делает скилл apple-hig?

Он предоставляет агенту базу знаний Apple Human Interface Guidelines по 14 направлениям интерфейса для пяти платформ Apple.

Зачем нужен репозиторий raintree-technology/apple-hig-skills?

В каталоге OpenDesign находится запись для обнаружения скилла. Если для работы требуются исходные скрипты и ассеты, их нужно брать напрямую из апстрим-репозитория raintree-technology.

Исходный текст

SKILL.md · Apache-2.0
---
name: apple-hig
description: |
  Apple Human Interface Guidelines as 14 agent skills covering platforms, foundations, components, patterns, inputs, and technologies for iOS, macOS, visionOS, watchOS, and tvOS.
triggers:
  - "apple hig"
  - "human interface"
  - "ios design"
  - "macos design"
  - "visionos design"
od:
  mode: design-system
  category: design-systems
  upstream: "https://github.com/raintree-technology/apple-hig-skills"
---

# apple-hig

> Curated from raintree-technology.

## What it does

Apple Human Interface Guidelines as 14 agent skills covering platforms, foundations, components, patterns, inputs, and technologies for iOS, macOS, visionOS, watchOS, and tvOS.

## Source

- Upstream: https://github.com/raintree-technology/apple-hig-skills
- Category: `design-systems`

## How to use

This catalogue entry advertises the skill in OpenDesign so the agent
discovers it during planning. To run the full upstream workflow with
its original assets, scripts, and references, install the upstream
bundle into your active agent's skills directory:

```bash
# Inspect the upstream README for exact paths
open https://github.com/raintree-technology/apple-hig-skills
```

Then ask the agent to invoke this skill by name (`apple-hig`) or with
one of the trigger phrases listed in this skill's frontmatter.

© nexu-io · Apache-2.0 · nexu-io/open-design

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой