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
Mensagem pronta para colar
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-platformsOu 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.mdConteú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
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.
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.
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.
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.
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.
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.
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.
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
Identifique o contexto de uso principal. Em movimento (iOS/watchOS), em uma mesa (macOS), no sofá (tvOS), ambiente espacial (visionOS)?
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.
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.
Aproveite os pontos fortes da plataforma. Live Activities no iOS, Widgets de Desktop no macOS, complicações no watchOS, espaços imersivos no visionOS.
Mantenha a consistência da marca, respeitando a linguagem visual e os padrões de interação de cada plataforma.
Formato de Saída
- Recomendações específicas da plataforma citando seções relevantes do HIG.
- Tabela de diferenças de plataforma comparando navegação, entrada, layout e convenções.
- Notas de implementação por plataforma, incluindo APIs recomendadas e estratégias de adaptação.
Perguntas a Fazer
- Quais plataformas você está visando?
- Aplicativo novo ou adaptação de um existente? Se existente, qual plataforma é a base?
- SwiftUI ou UIKit/AppKit?
- Precisa dar suporte a versões mais antigas do sistema operacional?
- 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.
Popularidade
- Estrelas no GitHub
- 48 mil
- Posição no ranking
- #3207
- Licença
- MIT
- Atualizada em
- 15/10/2026
Comentários
- …
Mais skills deste repositório
00-andruia-consultant
Ajuda seu agente a iniciar ou melhorar projetos de IA. Ele analisa código, sugere ferramentas e cria planos de ação em espanhol.
sickn33/agentic-awesome-skills
007
Faz seu agente realizar auditorias de segurança e modelagem de ameaças. É útil para proteger projetos contra ataques e vulnerabilidades.
sickn33/agentic-awesome-skills
10-andruia-skill-smith
Ajuda seu agente a criar ou melhorar ferramentas de IA. Ele define como as ferramentas funcionam, escreve a documentação e valida a estrutura.
sickn33/agentic-awesome-skills
20-andruia-niche-intelligence
Faz seu agente criar um resumo sobre um setor específico. É útil para entender o contexto, regras, padrões de uso e riscos de um projeto, usando fontes confiáveis.
sickn33/agentic-awesome-skills
Skills parecidas
accessibility
Ajuda seu agente a criar interfaces que todos possam usar. Garante que sites e aplicativos funcionem bem para pessoas com deficiência, como cegos ou com mobilidade reduzida.
affaan-m/ECC
design-system
Ajuda seu agente a criar um sistema de design a partir de um código existente. Ele extrai informações visuais e verifica a consistência, gerando um relatório e uma prévia interativa.
affaan-m/ECC
liquid-glass-design
Ajuda seu agente a criar interfaces de usuário com efeito 'Liquid Glass' para iOS. Permite adicionar efeitos visuais dinâmicos e interativos em SwiftUI e UIKit.
affaan-m/ECC