Habilidades Apple HIG: Menus and Buttons

🍎

Apple HIG: Menus and Buttons

Name: Apple HIG: Menus and Buttons
Author: sickn33

Seguro

Criar Menus e Botões no Estilo Apple

Garanta que suas interfaces macOS e iOS sigam os padrões de design da Apple. Esta skill fornece orientação autoritativa sobre estrutura de menus, estilos de botões e posicionamento de barras de ferramentas a partir das Diretrizes de Interface Humana da Apple.

Suporta: Claude Codex Code(CC)

🥉 73 Bronze

Baixar o ZIP da skill

Upload no Claude

Vá em Configurações → Capacidades → Skills → Upload skill

Ative e comece a usar

Testar

A utilizar "Apple HIG: Menus and Buttons". Estou criando um app macOS e preciso de um menu para operações de arquivo como Novo, Abrir, Salvar e Exportar. O que devo fazer?

Resultado esperado:

Para operações de arquivo em um app macOS, use a estrutura de menu Aplicação padrão:

1. Coloque Novo, Abrir e Salvar no menu Arquivo (primeiro menu após o menu do app)
2. Use atalhos de teclado padrão: Command+N para Novo, Command+O para Abrir, Command+S para Salvar
3. Adicione Exportar ao menu Arquivo abaixo de Salvar, opcionalmente com Command+Shift+E se for uma ação frequentemente usada
4. Siga a ordenação: Sobre, Novo, Abrir, Abrir Recente, [separador], Fechar, Salvar, [separador], Exportar/Imprimir

Isso segue as convenções da barra de menus da Apple onde o menu Arquivo é o local primário para comandos relacionados a documentos. Garanta que todo comando também seja acessível via barra de menus, mesmo que você forneça atalhos de toolbar ou menus de contexto.

A utilizar "Apple HIG: Menus and Buttons". Devo usar um menu de contexto ou uma action sheet para exclusão de item no iOS?

Resultado esperado:

No iOS, use uma action sheet para exclusão de item, não um menu de contexto:

**Action Sheet (Recomendado)**
- Apresenta ações destrutivas de forma proeminente com cor vermelha
- Força escolha explícita do usuário com alvos de toque claros
- Funciona melhor para interface touch com grandes regiões de acerto
- Pode incluir mensagem de confirmação e opção Cancelar

**Menu de Contexto (Não Recomendado para Ações Destrutivas)**
- Melhor para ações secundárias ou de conveniência (Copiar, Compartilhar, Renomear)
- Mais difícil de descobrir para ações críticas
- O gesto de toque longo pode não ser óbvio

Além disso, nunca coloque uma ação destrutiva apenas em um menu de contexto — sempre forneça um caminho de acesso primário. Para exclusão, a action sheet oferece o estilo de botão destrutivo, hierarquia visual clara e o padrão de escolha explícita que a Apple recomenda para ações irreversíveis.

Auditoria de Segurança

Seguro

v1 • 2/25/2026

Static analysis detected 893 potential security issues across 11 files (1527 lines). All findings are false positives from a pure documentation skill containing Apple Human Interface Guidelines. Hardcoded URLs are legitimate documentation image references to developer.apple.com. 'Weak cryptographic algorithm' and 'C2 keyword' detections are triggered by common UI/UX terminology (button, control, push, etc.). 'Ruby/shell backtick execution' patterns are from markdown code blocks and inline code formatting. No executable code, no network operations, no external commands - read-only reference documentation.

Arquivos analisados

1,527

Linhas analisadas

achados

Total de auditorias

Nenhum problema de segurança encontrado

Auditado por: claude

Pontuação de qualidade

Arquitetura

100

Manutenibilidade

Conteúdo

Comunidade

100

Segurança

Conformidade com especificações

O Que Você Pode Construir

Projetar Estrutura de Menus macOS

Um desenvolvedor criando uma aplicação macOS precisa organizar itens de menu, definir atalhos de teclado e implementar menus Edit padrão. Eles usam esta skill para garantir que sua barra de menus siga as convenções da Apple e inclua todos os itens padrão esperados.

Escolher Estilos de Botão para App iOS

Um designer iOS está criando um formulário com múltiplos botões de ação e precisa determinar quais estilos de botão usar. Esta skill ajuda a selecionar funções de botão apropriadas (primário, cancelar, destrutivo) e garantir hierarquia visual adequada.

Implementar Menus de Contexto

Um desenvolvedor multiplataforma quer adicionar menus de contexto de clique direito ao seu app iPad e macOS. Eles consultam esta skill para entender quais ações pertencem a menus de contexto versus UI primária e como garantir acessibilidade.

Tente Estes Prompts

Recomendação Básica de Menu

Que tipo de menu devo usar para [ação/caso de uso específico] no [plataforma]?

Seleção de Estilo de Botão

Preciso de botões para [descrever cenário - ação primária, ação destrutiva, etc.] no [plataforma]. Quais estilos e funções de botão devo usar?

Revisão de Design de Toolbar

Revise meu design de toolbar para [plataforma]. Tenho estas ações: [listar ações]. Estas são as escolhas certas para toolbar versus menus?

Comportamento Específico da Plataforma

Como [componente menu/botão] deve se comportar de forma diferente no [plataforma 1] versus [plataforma 2]? Quais são os atalhos de teclado e requisitos de acessibilidade?

Melhores Práticas

Todo comando deve ser alcançável a partir da barra de menus no macOS — toolbars e menus de contexto suplementam, não substituem, itens de menu
Use estilos e funções de botões definidos pelo sistema em vez de designs personalizados para manter consistência e acessibilidade da plataforma
Limite botões proeminentes a um ou dois por view para reduzir carga cognitiva e guiar usuários para ações primárias

Evitar

Colocar comandos apenas em menus de contexto sem também fornecê-los na barra de menus ou interface primária
Usar múltiplos estilos de botão proeminentes na mesma view, o que cria confusão visual sobre qual ação é preferida
Sobrecarregar toolbars com muitos itens — priorize comandos usados frequentemente e mova ações menos comuns para menus de overflow

Perguntas Frequentes

Qual é a diferença entre um botão pop-up e um botão pull-down?

Botões pop-up são para selecionar uma opção de um conjunto mutuamente exclusivo (como escolher um tamanho de fonte). Eles sempre exibem a seleção atual. Botões pull-down são para listas de ações onde nenhuma seleção está atualmente ativa (como um botão 'Novo' que oferece diferentes opções de criação).

Devo usar um botão primário para uma ação destrutiva?

Não. Nunca atribua a função primária a um botão que executa uma ação destrutiva, mesmo que seja a escolha mais provável. A proeminência visual de botões primários pode fazer as pessoas tocarem sem ler. Use a função destrutiva em vez disso, que usa o vermelho do sistema para alertar usuários.

Qual é o tamanho mínimo da região de acerto para botões?

Botões precisam de uma região de acerto de pelo menos 44x44 pontos no iOS, iPadOS e macOS. No visionOS, o mínimo é 60x60 pontos. Isso garante que as pessoas possam selecionar botões facilmente seja com a ponta do dedo, pointer, olhos ou controle remoto.

Quando devo usar um menu de contexto versus uma toolbar?

Use toolbars para comandos frequentemente usados que atuam na view ou seleção atual. Use menus de contexto para ações secundárias ou específicas de item acessadas via clique direito ou toque longo. Nunca coloque um comando apenas em um menu de contexto — sempre forneça um caminho de acesso primário.

Quais atalhos de teclado devo usar para itens de menu Edit padrão?

Use Command+Z para Desfazer, Command+Shift+Z para Refazer, Command+X para Recortar, Command+C para Copiar, Command+V para Colar, Command+A para Selecionar Tudo e Command+F para Localizar. Estes são atalhos de teclado padrão da plataforma que usuários esperam no macOS.

Posso personalizar a aparência de botões do sistema?

Botões do sistema oferecem estilos incorporados com opções de personalização para cor e tamanho. Você pode tingir botões e escolher entre estilos como borderless, bordered ou bordered prominent. No entanto, evite criar aparências de botões completamente personalizadas que se desviam dos estilos do sistema, pois isso reduz acessibilidade e consistência da plataforma.