hig-components-menus
Ajuda seu agente a usar o contexto existente antes de perguntar. Ele evita pedir informações que já foram fornecidas.
O que ela faz
Este agente de IA ajuda a projetar menus e botões para aplicativos, seguindo as diretrizes de design da Apple. Ele sugere quais tipos de menus e botões usar e como organizá-los para que sejam fáceis de usar e visualmente consistentes.
Quando usar
- ✓Ao criar um novo aplicativo e decidir como os usuários interagirão com os comandos.
- ✓Ao redesenhar a interface de um aplicativo existente para torná-la mais intuitiva.
- ✓Ao garantir que os botões e menus do seu aplicativo sigam as melhores práticas de design da Apple.
Exemplo do que pedir para a IA
“Como devo organizar os comandos em um menu para um aplicativo macOS?”
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
Ele analisa os princípios de design da Apple para menus e botões, como torná-los previsíveis e usar estilos padrão. Com base nas suas necessidades (como em quais plataformas o aplicativo rodará e quantos comandos você tem), ele recomenda a melhor opção e como implementá-la.
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-components-menusOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/hig-components-menus/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: Menus e Botões
Verifique .claude/apple-design-context.md antes de fazer perguntas. Use o contexto existente e peça informações apenas se não estiverem cobertas.
Princípios Chave
Menus devem ser contextuais e previsíveis. Itens padrão em locais padrão. Siga as convenções da plataforma para ordenação e agrupamento.
Use estilos de botão padrão. Estilos definidos pelo sistema comunicam a usabilidade e mantêm a consistência visual. Prefira-os a designs personalizados.
Barras de ferramentas para ações frequentes. Comandos mais usados na barra de ferramentas. Ações raramente usadas pertencem aos menus.
A barra de menus é a interface de comando principal no macOS. Todo comando acessível a partir da barra de menus. Barras de ferramentas e menus de contexto complementam, não substituem.
Menus de contexto para ações secundárias. Clique com o botão direito ou pressione longamente, relevante para o item sob o ponteiro. Nunca coloque um comando apenas em um menu de contexto.
Botões de menu suspenso (pop-up) para escolhas mutuamente exclusivas. Selecione exatamente uma opção de um conjunto.
Botões de menu de ação (pull-down) para listas de ações. Sem seleção atual; eles oferecem um conjunto de comandos.
Botões de ação consolidam ações relacionadas atrás de um único ícone em barras de ferramentas ou barras de título.
Controles de divulgação para divulgação progressiva. Mostrar ou ocultar conteúdo adicional.
Menus do Dock: curtos e focados nas ações mais úteis quando o aplicativo está em execução.
Índice de Referência
| Referência | Tópico | Conteúdo chave |
|---|---|---|
| menus.md | Design geral de menus | Ordenação de itens, agrupamento, atalhos |
| context-menus.md | Menus de contexto | Clique com o botão direito, pressione longamente, ações secundárias |
| dock-menus.md | Menus do Dock | Ações em nível de aplicativo no macOS, estado de execução |
| edit-menus.md | Menus de Edição | Desfazer, copiar, colar, itens padrão |
| the-menu-bar.md | Barra de menus | Interface de comando principal do macOS, estrutura |
| toolbars.md | Barras de ferramentas | Ações frequentes, personalização, posicionamento |
| buttons.md | Botões | Estilos do sistema, dimensionamento, usabilidade |
| action-button.md | Botão de ação | Ações secundárias agrupadas, uso em barra de ferramentas |
| pop-up-buttons.md | Botões de menu suspenso (pop-up) | Seleção de escolha mutuamente exclusiva |
| pull-down-buttons.md | Botões de menu de ação (pull-down) | Listas de ações, sem seleção atual |
| disclosure-controls.md | Controles de divulgação | Divulgação progressiva, mostrar/ocultar |
Formato de Saída
- Recomendação de componente -- qual tipo de menu ou botão e por quê.
- Hierarquia visual -- posicionamento, dimensionamento, agrupamento dentro da interface.
- Comportamento específico da plataforma em iOS, iPadOS, macOS, visionOS.
- Atalhos de teclado (macOS) -- atalhos padrão e personalizados para itens de menu e ações da barra de ferramentas.
Perguntas a Fazer
- Quais plataformas?
- Ação primária ou secundária?
- Quantas ações precisam estar disponíveis?
- Aplicativo com barra de menus no macOS?
Habilidades Relacionadas
- hig-components-search -- Campos de busca, controles de página ao lado de barras de ferramentas e menus
- hig-components-controls -- Alternadores, seletores, controles segmentados complementando botões
- hig-components-dialogs -- Alertas, folhas, popovers acionados por itens de menu ou botões
- hig-inputs -- Atalhos de teclado e interações do ponteiro com menus e barras de ferramentas
Construído por Raintree Technology · Mais ferramentas para desenvolvedores
Quando Usar
Esta habilidade é aplicável para executar o fluxo de trabalho ou as ações descritas na visão geral.
Exemplo
Solicitação do usuário:
Verifique .claude/apple-design-context.md antes de fazer perguntas.
Limitações
- Use esta habilidade apenas quando a tarefa corresponder claramente ao escopo descrito acima.
- Não trate a saída como substituta para validação específica do ambiente, testes ou revisão especializada.
- Pare e peça esclarecimentos se os inputs necessários, permissões, limites de segurança ou critérios de sucesso estiverem ausentes.
Perguntas frequentes
O que são 'menus contextuais'?
São menus que aparecem quando você clica com o botão direito (ou pressiona longamente) em um item específico, mostrando ações relacionadas apenas àquele item.
Qual a diferença entre 'botões pop-up' e 'botões pull-down'?
Botões pop-up são para escolher uma opção de um conjunto (só uma pode ser escolhida). Botões pull-down são para listas de ações onde não há uma seleção atual.
O que significa 'divulgação progressiva'?
É mostrar ou esconder conteúdo adicional conforme o usuário precisa, mantendo a interface limpa. Controles de divulgação ajudam nisso.
Detalhes
Descrição original do autor
Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not already covered.
Popularidade
- Estrelas no GitHub
- 48 mil
- Posição no ranking
- #3200
- 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