Habilidades Apple HIG: Presentation Components
📋

Apple HIG: Presentation Components

Seguro

Apple HIG: Dialogs & Modals

Obtenha as Diretrizes de Interface Humana da Apple para alertas, folhas, popovers e folhas de ação. Escolha o padrão modal correto para cada plataforma e evite erros comuns de UX com diálogos que interrompem o usuário.

Suporta: Claude Codex Code(CC)
🥉 73 Bronze
1

Baixar o ZIP da skill

2

Upload no Claude

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

3

Ative e comece a usar

Testar

A utilizar "Apple HIG: Presentation Components". Should I use an alert or action sheet for delete confirmation?

Resultado esperado:

Use uma folha de ação no iPhone quando houver múltiplas escolhas (Excluir vs Salvar Rascunho). Use um alerta quando for uma confirmação simples com dois botões (Confirmar Exclusão vs Cancelar). A folha de ação desliza de baixo no iPhone, tornando claro que há múltiplas opções.

A utilizar "Apple HIG: Presentation Components". How do I handle destructive actions in alerts?

Resultado esperado:

Marque botões destrutivos com texto vermelho usando a função destrutiva. Coloque botões destrutivos no topo onde os usuários têm menos probabilidade de tocar reflexivamente. Sempre inclua um botão Cancelar. Evite tornar o botão destrutivo o padrão.

A utilizar "Apple HIG: Presentation Components". When should I use sheets instead of full-screen modals?

Resultado esperado:

Use folhas para tarefas focadas que se beneficiam de manter o contexto com o conteúdo subjacente. Folhas deslizam da borda (iOS) ou se anexam a uma janela (macOS). Ideal para criar itens, editar configurações ou formulários de múltiplas etapas onde ver o conteúdo pai é útil.

Auditoria de Segurança

Seguro
v1 • 2/25/2026

All static findings are false positives. The skill contains Apple's Human Interface Guidelines documentation for UI presentation components. The flagged patterns (backticks, URLs, generic English words) are legitimate documentation elements, not security threats.

5
Arquivos analisados
507
Linhas analisadas
3
achados
1
Total de auditorias
Problemas de Risco Médio (1)
references/action-sheets.md:13references/alerts.md:104references/sheets.md:27
Markdown Code Formatting (False Positive)
Static scanner flagged backticks as shell execution. These are markdown code fences used to format API references like `UIAlertController.Style.actionSheet`. No executable code present.
Problemas de Baixo Risco (2)
references/action-sheets.md:3references/alerts.md:9references/sheets.md:3
Documentation URL References (False Positive)
Static scanner flagged hardcoded URLs. These are legitimate references to Apple's official developer documentation at developer.apple.com.
references/alerts.md:66references/alerts.md:17references/action-sheets.md:45
Generic English Words (False Positive)
Static scanner flagged words like 'encrypt', 'server', 'system', 'command' as security keywords. These are normal terms in Apple's HIG documentation (e.g., 'secure text field', 'server connection', 'system-defined style').
Auditado por: claude

Pontuação de qualidade

45
Arquitetura
100
Manutenibilidade
85
Conteúdo
50
Comunidade
96
Segurança
74
Conformidade com especificações

O Que Você Pode Construir

Escolhendo o tipo de diálogo de confirmação

O usuário quer confirmar uma ação destrutiva (excluir, apagar, remover). A habilidade recomenda alerta vs folha de ação com base na plataforma e fornece orientação sobre estilo de botões.

Decisão de apresentação modal

O usuário pergunta 'devo usar uma folha ou um popover?' A habilidade explica quando folhas mantêm melhor o contexto e quando popovers funcionam no iPad/Mac.

Reduzindo fadiga de alertas

O usuário reclama de muitos modais em seu aplicativo. A habilidade sugere alternativas inline, padrões de desfazer e quando evitar interromper o usuário.

Tente Estes Prompts

Orientação básica de componentes 
Should I use an alert or an action sheet for [use case]?
Comportamento específico da plataforma 
How does [component] behave differently on iPhone vs iPad?
Diretrizes de botões e texto 
What are the best practices for alert button labels and ordering?
Padrões alternativos 
What are alternatives to using a modal for [scenario]?

Melhores Práticas

  • Use alertas com moderação e apenas para situações críticas que requerem atenção imediata
  • Forneça rótulos de botão específicos e acionáveis (Excluir, Salvar) em vez de OK/Cancelar genéricos
  • Sempre inclua um botão Cancelar para confirmações de ações destrutivas

Evitar

  • Usar alertas para mensagens informativas que poderiam ser mostradas inline
  • Colocar ações destrutivas como botão padrão
  • Usar o mesmo componente para todos os cenários modais sem considerar alternativas

Perguntas Frequentes

When should I use an alert vs a sheet?
Use alertas para interrupções críticas que requerem resposta imediata. Use folhas para tarefas focadas onde manter o contexto com o conteúdo subjacente é útil.
Can I use the same design across iPhone and iPad?
Nem sempre. Folhas de ação aparecem como popovers no iPad. Folhas se adaptam de forma diferente. Sempre teste nas plataformas de destino.
How many buttons should an alert have?
No máximo três botões. Use um botão para reconhecimento simples, dois para confirmar/cancelar, três quando uma opção destrutiva existe.
What is the cancel button placement?
Coloque Cancelar na parte inferior de folhas de ação (iOS) ou no lado inicial (macOS). No watchOS, coloque no canto superior esquerdo.
Should I use OK or specific button labels?
Sempre prefira rótulos específicos como Excluir, Salvar ou Confirmar. Use OK apenas para alertas puramente informativos.
How do I make modals accessible?
Garanta que o VoiceOver anuncie o título, mensagem e todas as opções de botão. Dê suporte à navegação por teclado para modais do macOS.

Detalhes do Desenvolvedor

Autor

sickn33

Licença

MIT

Repositório

https://github.com/sickn33/antigravity-awesome_skills/tree/main/skills/hig-components-dialogs

Referência

main

Estrutura de arquivos

📁 references/

📄 action-sheets.md

📄 alerts.md

📄 digit-entry-views.md

📄 popovers.md

📄 sheets.md

📄 SKILL.md