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

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

https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/hig-components-menus/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-components-menus/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
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-menus

Ou 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.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: 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

  1. 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.

  2. 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.

  3. Barras de ferramentas para ações frequentes. Comandos mais usados na barra de ferramentas. Ações raramente usadas pertencem aos menus.

  4. 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.

  5. 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.

  6. Botões de menu suspenso (pop-up) para escolhas mutuamente exclusivas. Selecione exatamente uma opção de um conjunto.

  7. Botões de menu de ação (pull-down) para listas de ações. Sem seleção atual; eles oferecem um conjunto de comandos.

  8. Botões de ação consolidam ações relacionadas atrás de um único ícone em barras de ferramentas ou barras de título.

  9. Controles de divulgação para divulgação progressiva. Mostrar ou ocultar conteúdo adicional.

  10. 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

  1. Recomendação de componente -- qual tipo de menu ou botão e por quê.
  2. Hierarquia visual -- posicionamento, dimensionamento, agrupamento dentro da interface.
  3. Comportamento específico da plataforma em iOS, iPadOS, macOS, visionOS.
  4. Atalhos de teclado (macOS) -- atalhos padrão e personalizados para itens de menu e ações da barra de ferramentas.

Perguntas a Fazer

  1. Quais plataformas?
  2. Ação primária ou secundária?
  3. Quantas ações precisam estar disponíveis?
  4. 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.

repo: sickn33/agentic-awesome-skills

Popularidade

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

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas