Apple HIG: Content Components
Создавайте UI-компоненты Apple с уверенностью
Испытываете трудности с реализацией диаграмм, коллекций или отображения контента, которые выглядят нативно для платформ Apple? Этот навык предоставляет авторитетные Human Interface Guidelines, которые помогут вам создавать доступные, адаптирующиеся к платформе компоненты, соответствующие принципам дизайна Apple.
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“Apple HIG: Content Components”。 Мне нужно отобразить данные о ценах на акции во времени в iOS-приложении. Какой тип диаграммы мне следует использовать?
预期结果:
Для данных о ценах на акции во времени используйте линейную диаграмму с линейными метками. Линейные метки отлично подходят для показа изменения значений во времени и помогают пользователям визуализировать тренды. Настройте вашу диаграмму с динамическим диапазоном оси Y, чтобы данные заполняли область графика, и убедитесь, что вы предоставили метки доступности для каждой точки данных. Рассмотрите возможность добавления поддержки Audio Graphs, чтобы пользователи VoiceOver могли слышать тренд. См. charts.md для полных деталей реализации.
正在使用“Apple HIG: Content Components”。 Как реализовать collection view для tvOS?
预期结果:
На tvOS коллекции используют большие lockups с эффектами параллакса и раскладками полок. Управление фокусом критически важно — элементы должны масштабироваться и приобретать глубину при фокусе. Используйте UICollectionView с композиционной раскладкой и убедитесь, что ваш движок фокуса следует ожидаемому шаблону навигации. Lockups обычно содержат изображение с текстовым наложением. См. lockups.md для специфичных для tvOS паттернов и collections.md для конфигурации раскладки.
安全审计
安全Documentation-only skill containing Apple Human Interface Guidelines in Markdown format. No executable code, no runtime behavior, and no security risks. All static analysis findings are false positives from Markdown content (inline code blocks, documentation URLs, and legitimate UI terminology).
质量评分
你能构建什么
iOS-разработчик создаёт панель данных
iOS-разработчику нужно отобразить данные фитнес-трекинга в виде диаграмм. Этот навык помогает выбрать между столбчатыми и линейными метками, настроить диапазоны осей и реализовать доступность аудио-графов.
UI/UX-дизайнер создаёт интерфейс для tvOS
Дизайнер разрабатывает приложение для просмотра медиа для Apple TV. Этот навык предоставляет рекомендации по компонентам lockups, эффектам фокуса и раскладкам полок, специфичным для tvOS.
Кроссплатформенный разработчик обеспечивает доступность
Разработчику нужно убедиться, что его collection view работает правильно с VoiceOver и Switch Control на всех платформах Apple. Этот навык предоставляет требования доступности и рекомендации по тестированию.
试试这些提示
Мне нужно отобразить [content type] в моём приложении для [platform]. Какой компонент мне следует использовать и почему?
Как сделать [component] доступным для пользователей VoiceOver? Какие метки и описания мне нужны?
Как [component] ведёт себя по-разному на [platform] по сравнению с [other platform]? Какие адаптации мне нужно сделать?
Какие ключевые свойства мне следует настроить для [component]? Каковы лучшие практики производительности и доступности?
最佳实践
- Всегда проверяйте существующий контекст дизайна в `.claude/apple-design-context.md` перед заданием вопросов — этот навык строится на фундаментальных руководствах по цвету, типографике и доступности
- Заранее учитывайте поведение на конкретной платформе — коллекция, которая работает на iOS, может потребовать значительной адаптации для tvOS (lockups) или visionOS (эффекты глубины и наведения)
- Проектируйте доступность с самого начала — диаграммы нуждаются в поддержке аудио-графов, изображения нуждаются в альтернативном тексте, и все компоненты нуждаются в правильных метках VoiceOver
避免
- Не выбирайте компонент исключительно на основе визуального вида — всегда учитывайте требования доступности, соглашения платформы и характеристики данных
- Избегайте реализации собственных компонентов с нуля, когда системные компоненты (Swift Charts, UICollectionView, WKWebView) предоставляют встроенную доступность и адаптацию к платформе
- Не пропускайте пустые состояния — пустые экраны путают пользователей; предоставьте значимые рекомендации о том, как заполнить пустые коллекции или отображения данных