Pular para o conteúdo
Skillpedia
Interfaces (UI/UX)48 mil · #3207

hig-platforms

Ajuda seu agente a seguir as diretrizes de design específicas de cada plataforma da Apple. É útil para adaptar o design a diferentes sistemas operacionais da Apple.

O que ela faz

Este agente ajuda você a entender como desenhar aplicativos para diferentes produtos da Apple (iPhone, iPad, Mac, etc.). Ele explica as regras específicas de cada um para que seu app funcione bem em cada um deles.

Quando usar

  • ✓Ao criar um app para iPhone e também para iPad.
  • ✓Ao pensar em como um app deve parecer no Mac.
  • ✓Ao querer que seu app funcione bem em diferentes dispositivos Apple.

Exemplo do que pedir para a IA

“Como devo projetar a navegação de um app para iPad, considerando o uso de teclado e mouse?”

Quer saber mais? Abra as seções abaixo.

Como usar

O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.

Link da skill

https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/hig-platforms/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/hig-platforms/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
Como funciona

O agente compara as regras de design da Apple para cada tipo de aparelho. Ele usa essas regras para te dar conselhos sobre como fazer seu app funcionar bem em cada um.

Instalação

Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.

No terminal (Claude Code, Codex, Cursor), na pasta do projeto:

npx skills add sickn33/agentic-awesome-skills --skill hig-platforms

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/hig-platforms/SKILL.md -o SKILL.md
Conteúdo técnico (SKILL.md)

Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.

Apple HIG: Design de Plataforma

Verifique .claude/apple-design-context.md antes de fazer perguntas. Use o contexto existente e peça apenas informações que ainda não foram abordadas.

Princípios Chave

  1. Cada plataforma tem uma identidade distinta. Não porte designs entre plataformas. Respeite as convenções, modelos de interação e expectativas do usuário de cada plataforma.

  2. iOS: primeiro o toque. Manipulação direta em uma tela portátil. Otimize para uso com uma mão. A navegação usa barras de abas e pilhas de push/pop.

  3. iPadOS: tela expandida. Suporte a Split View, Slide Over e Stage Manager. Use barras laterais e layouts de várias colunas. Suporte a ponteiro e teclado, além do toque.

  4. macOS: ponteiro e teclado. Exibição densa de informações é aceitável. Use barras de menu, barras de ferramentas e atalhos de teclado extensivamente. As janelas são redimensionáveis com controle preciso.

  5. tvOS: controle remoto e foco. Visualizado à distância. Design para o Siri Remote com navegação baseada em foco. Texto grande, layouts simples, navegação linear.

  6. visionOS: interação espacial. Ambiente 3D usando janelas, volumes e espaços. Rastreamento ocular para direcionamento, gestos indiretos para interação. Respeite as zonas de conforto ergonômico.

  7. watchOS: rápido e conciso. Informações consumíveis em um relance. Interações breves. Digital Crown, feedback tátil e complicações para conteúdo oportuno.

  8. Jogos: paradigma próprio. Livre para definir modelos de interação dentro do jogo, mas ainda respeite as convenções da plataforma para interações do sistema (notificações, acessibilidade, controles).

Índice de Referência

Referência Tópico Conteúdo principal
designing-for-ios.md iOS Toque, barras de abas, pilhas de navegação, gestos, tamanhos de tela, áreas seguras
designing-for-ipados.md iPadOS Multitarefa, barras laterais, ponteiro, teclado, Apple Pencil, Stage Manager
designing-for-macos.md macOS Barras de menu, barras de ferramentas, gerenciamento de janelas, atalhos de teclado, layouts densos, Dock
designing-for-tvos.md tvOS Motor de foco, Siri Remote, experiência "lean-back", foco no conteúdo, paralaxe
designing-for-visionos.md visionOS Computação espacial, janelas/volumes/espaços, rastreamento ocular, gestos manuais, profundidade
designing-for-watchos.md watchOS UI de relance, Digital Crown, complicações, notificações, feedback tátil
designing-for-games.md Jogos Controles, experiências imersivas, convenções específicas da plataforma, acessibilidade

Estrutura de Decisão

  1. Identifique o contexto de uso principal. Em movimento (iOS/watchOS), em uma mesa (macOS), no sofá (tvOS), ambiente espacial (visionOS)?

  2. Combine entrada com interação. Toque para manipulação direta, ponteiro para precisão, olhar + gesto para espacial, Digital Crown para rolagem rápida, controle remoto para navegação por foco.

  3. Adapte, não replique. Uma barra lateral do macOS se torna uma barra de abas no iPhone. Um volume do visionOS não tem equivalente no watchOS. Traduza a intenção, não a implementação.

  4. Aproveite os pontos fortes da plataforma. Live Activities no iOS, Widgets de Desktop no macOS, complicações no watchOS, espaços imersivos no visionOS.

  5. Mantenha a consistência da marca, respeitando a linguagem visual e os padrões de interação de cada plataforma.

Formato de Saída

  1. Recomendações específicas da plataforma citando seções relevantes do HIG.
  2. Tabela de diferenças de plataforma comparando navegação, entrada, layout e convenções.
  3. Notas de implementação por plataforma, incluindo APIs recomendadas e estratégias de adaptação.

Perguntas a Fazer

  1. Quais plataformas você está visando?
  2. Aplicativo novo ou adaptação de um existente? Se existente, qual plataforma é a base?
  3. SwiftUI ou UIKit/AppKit?
  4. Precisa dar suporte a versões mais antigas do sistema operacional?
  5. Contexto de uso principal? (Em movimento, mesa, sofá, espacial, de relance?)

Habilidades Relacionadas

  • hig-foundations -- Princípios compartilhados (cor, tipografia, acessibilidade, layout) entre plataformas
  • hig-patterns -- Padrões de interação que se manifestam de forma diferente por plataforma
  • hig-components-layout -- Estruturas de navegação (barras de abas, barras laterais, visualizações divididas) que variam por plataforma
  • hig-components-content -- Exibição de conteúdo que se adapta entre plataformas

Construído por Raintree Technology · Mais ferramentas para desenvolvedores

Quando Usar

…

Perguntas frequentes

O que são as 'Diretrizes de Interface Humana' (HIG)?

São um conjunto de regras e recomendações da Apple para criar apps que sejam fáceis de usar e que combinem com o visual dos aparelhos da marca.

Por que não posso usar o mesmo design para todos os aparelhos?

Cada aparelho Apple (iPhone, iPad, Mac, etc.) tem um jeito diferente de ser usado. O que funciona bem em um, pode não funcionar em outro. As regras da Apple ajudam a respeitar essas diferenças.

O que é 'design espacial' para visionOS?

É um tipo de design para óculos de realidade mista da Apple, onde os apps aparecem em um ambiente 3D, permitindo interações com os olhos e gestos.

Detalhes

Descrição original do autor

Apple Human Interface Guidelines for platform-specific design.

repo: sickn33/agentic-awesome-skills

Popularidade

Estrelas no GitHub
48 mil
Posição no ranking
#3207
Licença
MIT
Atualizada em
15/10/2026

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas