/ Каталог / Песочница / Apple-Hig-Designer
← Все серверы ↗ GitHub
● Сообщество axiaoge2 ⚡ Сразу

Apple-Hig-Designer

автор axiaoge2 · axiaoge2/Apple-Hig-Designer

Design screens that actually follow Apple's Human Interface Guidelines — Claude checks your layout, typography, and interactions against HIG.

Apple-Hig-Designer is an Agent Skill that loads Apple's HIG into Claude's working memory for design tasks: producing SwiftUI/UIKit mockups, critiquing existing layouts, picking the right system components, and following the platform's typography, spacing, and color tokens. Works whether you're sketching a new iPhone app or auditing an existing one.

▶ Смотреть демо 📦 Установить 💡 Сценарии

Зачем использовать

Ключевые функции

Живое демо

Как выглядит на практике

apple-hig-designer-skill.replay ▶ готово
0/0

Установка

Репозиторий автора · Официальная документация Claude Skills

Сценарии использования

Реальные сценарии: Apple-Hig-Designer

How to sketch an iOS screen that follows HIG

👤 iOS developers and designers on cross-functional teams ⏱ ~25 min intermediate

Когда использовать: You need a first-pass layout for a new screen and don't want to re-learn HIG from scratch.

Поток
  1. Describe the screen
    Sketch a Settings > Notifications screen for iPhone — standard iOS 18 patterns.✓ Скопировано
    → Grouped List, right-detail rows, correct section headers — HIG citations inline
  2. Produce the SwiftUI
    Generate the SwiftUI code using Form/List and system colors.✓ Скопировано
    → Idiomatic SwiftUI with .listStyle(.insetGrouped), Toggle, NavigationLink
  3. Check dark mode
    Adapt for dark mode — confirm you're using .primary / .secondary, not hardcoded hex.✓ Скопировано
    → Semantic-color confirmation

Итог: A screen that feels native on the first preview and won't get rejected in review.

Подводные камни
  • Custom styling that fights the system — Ask Claude 'what's the standard HIG way?' before any custom styling
Сочетать с: ios-simulator-skill

Audit an existing screen against HIG

👤 Design reviewers and tech leads ⏱ ~20 min beginner

Когда использовать: Before shipping, you want a second opinion on HIG compliance.

Поток
  1. Share a screenshot or code
    Here's a screenshot of our Profile screen. Flag HIG deviations.✓ Скопировано
    → Specific callouts with HIG references
  2. Prioritize
    Rank the findings by impact — what would a reviewer actually care about?✓ Скопировано
    → Ranked list, not flat dump
  3. Suggest fixes
    For the top 3, show me concrete SwiftUI changes.✓ Скопировано
    → Code diffs

Итог: A focused fix list that matters, not nits.

Подводные камни
  • Audit is too nitpicky — 1px spacing issues — Ask for impact-weighted findings only
Сочетать с: filesystem

Decide between iOS, iPadOS, and macOS patterns for a shared app

👤 Teams building a multi-platform SwiftUI app ⏱ ~30 min advanced

Когда использовать: Same feature needs different treatment on phone vs iPad vs Mac.

Поток
  1. State the feature
    We have a Library feature. What's the right navigation shape per platform?✓ Скопировано
    → Tab bar / Sidebar / NavigationSplitView mapped to platforms with reasoning
  2. Pick primitives
    Which SwiftUI primitives should we use per platform to avoid hacks?✓ Скопировано
    → Platform-specific primitive choices

Итог: A design split that matches HIG per platform and is cheap to implement.

Подводные камни
  • iPad as 'big iPhone' — misses pointer and multi-column patterns — Ask Claude to enumerate iPadOS-specific affordances before copying iPhone UX

Комбинации

Сочетайте с другими MCP — эффект x10

apple-hig-designer-skill + ios-simulator-skill

Render the generated SwiftUI and inspect it in the simulator

Render this SwiftUI in the iPhone 16 simulator and confirm it matches the HIG brief.✓ Скопировано
apple-hig-designer-skill + filesystem

Apply the suggested patches across the app's codebase

Apply the audit fixes to Views/Profile/.✓ Скопировано

Инструменты

Что предоставляет этот MCP

ИнструментВходные данныеКогда вызыватьСтоимость
hig-layout-design screen intent + platform New screens or features 0
hig-audit screenshot or SwiftUI code Pre-ship review 0
swiftui-snippet pattern name Implementation step 0

Стоимость и лимиты

Во что обходится

Квота API
none
Токенов на вызов
3–8k tokens per screen
Деньги
free
Совет
Scope to one screen at a time; HIG is long — don't bait Claude into citing the whole thing

Безопасность

Права, секреты, радиус поражения

Хранение учётных данных: none
Исходящий трафик: none

Устранение неполадок

Частые ошибки и исправления

Suggestions feel dated

Tell Claude the iOS version you're targeting; HIG differs across releases.

SwiftUI uses deprecated modifiers

Specify the minimum iOS version explicitly.

Альтернативы

Apple-Hig-Designer в сравнении

АльтернативаКогда использоватьКомпромисс
the-unofficial-swift-programming-language-skillYou need language-level help, not HIG designLanguage, not UX
cupertinoYou want an MCP connected to live Apple docsLive MCP vs cached skill

Ещё

Ресурсы

📖 Читать официальный README на GitHub

🐙 Открытые задачи

🔍 Все 400+ MCP-серверов и Skills