hig-patterns
Faz seu agente aprender os padrões de interação e experiência do usuário da Apple. É útil para criar fluxos de trabalho lógicos e intuitivos.
O que ela faz
Este guia ajuda a escolher as melhores formas de interagir com o usuário em aplicativos, seguindo as recomendações da Apple. Ele sugere padrões de design para tornar os aplicativos mais fáceis e agradáveis de usar.
Quando usar
- ✓Ao criar um novo aplicativo ou recurso.
- ✓Ao redesenhar a interface de um aplicativo existente.
- ✓Ao tentar melhorar a experiência do usuário em um aplicativo.
Exemplo do que pedir para a IA
“Quais são as melhores práticas para fazer o usuário se inscrever em um aplicativo?”
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 guia compara objetivos do usuário com padrões de design recomendados pela Apple. Ele indica quais abordagens usar e quais evitar, com base em princípios como feedback claro e minimização de interrupções.
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-patternsOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/hig-patterns/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: Padrões de Interação
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
Minimize a modalidade. Use a modalidade apenas quando for crítico chamar a atenção, uma tarefa precisar ser concluída ou abandonada, ou salvar alterações for essencial. Prefira alternativas não modais.
Forneça feedback claro. Cada ação deve produzir uma resposta visível, audível ou tátil. Indicadores de atividade para esperas indeterminadas, barras de progresso para determinadas, feedback tátil para confirmação física.
Suporte o "desfazer" em vez de diálogos de confirmação. Ações destrutivas devem ser reversíveis quando possível. Desfazer é quase sempre melhor do que "Tem certeza?".
Inicie rapidamente. Exiba uma tela de inicialização que transita perfeitamente para a primeira tela. Sem telas de splash com logotipos. Restaure o estado anterior.
Adie o login. Permita que os usuários explorem antes de exigir a criação de uma conta. Suporte "Iniciar com a Apple" e senhas de acesso (passkeys).
Mantenha o onboarding breve. Três telas no máximo. Permita que os usuários pulem. Ensine através de divulgação progressiva e dicas contextuais.
Use divulgação progressiva. Mostre o essencial primeiro, permita que os usuários aprofundem nos detalhes. Não sobrecarregue com todas as opções em uma única tela.
Respeite a atenção do usuário. Consolide notificações, minimize interrupções, dê aos usuários controle sobre alertas. Nunca use notificações para marketing.
Índice de Referência
| Referência | Tópico | Conteúdo principal |
|---|---|---|
| charting-data.md | Gráficos de Dados | Padrões de visualização de dados, gráficos acessíveis, elementos interativos |
| collaboration-and-sharing.md | Colaboração e Compartilhamento | Folhas de compartilhamento, visualizações de atividade, edição colaborativa, SharePlay |
| drag-and-drop.md | Arrastar e Soltar | Fontes de arrastar, destinos de soltar, carregamento por mola, arrastar vários itens, feedback visual |
| entering-data.md | Inserção de Dados | Campos de texto, seletores, incrementadores/decrementadores, validação de entrada, tipos de teclado, preenchimento automático |
| feedback.md | Feedback | Alertas, folhas de ação, padrões táteis, feedback sonoro, indicadores visuais |
| file-management.md | Gerenciamento de Arquivos | Navegador de documentos, provedores de arquivos, integração com iCloud, ciclo de vida do documento |
| going-full-screen.md | Ir para Tela Cheia | Transições de tela cheia, conteúdo imersivo, sair da tela cheia |
| launching.md | Inicialização | Telas de inicialização, restauração de estado, inicialização fria vs. quente |
| live-viewing-apps.md | Apps de Visualização ao Vivo | Exibição de conteúdo ao vivo, atualizações em tempo real, Atividades ao Vivo, Ilha Dinâmica |
| loading.md | Carregamento | Indicadores de atividade, visualizações de progresso, telas esqueléticas, carregamento preguiçoso, placeholders |
| managing-accounts.md | Gerenciamento de Contas | Iniciar com a Apple, senhas de acesso (passkeys), criação de conta, preenchimento automático de credenciais, exclusão de conta |
| managing-notifications.md | Gerenciamento de Notificações | Solicitações de permissão, agrupamento, notificações acionáveis, entrega provisória |
| modality.md | Modalidade | Folhas, alertas, popovers, modais de tela cheia, quando usar cada um |
| multitasking.md | Multitarefa | Vista Dividida do iPad, Slide Over, Stage Manager, layout responsivo, transições de classes de tamanho |
| offering-help.md | Oferecer Ajuda | Dicas contextuais, dicas de onboarding, menus de ajuda, links de suporte |
| onboarding.md | Onboarding | Telas de boas-vindas, destaques de recursos, onboarding progressivo, opções de pular |
| playing-audio.md | Reprodução de Áudio | Sessões de áudio, áudio em segundo plano, Reproduzindo Agora, roteamento de áudio, interrupções |
| playing-haptics.md | Reprodução de Tátil | Core Haptics, UIFeedbackGenerator, padrões táteis, táteis personalizados |
| playing-video.md | Reprodução de Vídeo | Controles do player de vídeo, picture-in-picture, AirPlay, vídeo em tela cheia |
| printing.md | Impressão | Diálogos de impressão, configuração de página, integração com AirPrint |
| ratings-and-reviews.md | Avaliações e Comentários | SKStoreReviewController, tempo, limites de frequência, feedback no aplicativo |
…
Perguntas frequentes
O que são 'padrões de interação'?
São formas recomendadas de fazer um aplicativo responder às ações do usuário, como dar feedback visual ou permitir desfazer uma ação.
O que significa 'minimizar a modalidade'?
Significa evitar telas que bloqueiam o usuário de interagir com o resto do aplicativo, a menos que seja realmente necessário.
O que é 'divulgação progressiva'?
É mostrar apenas as informações essenciais primeiro e permitir que o usuário veja mais detalhes se desejar, para não sobrecarregar.
Detalhes
Descrição original do autor
Apple Human Interface Guidelines interaction and UX patterns.
Popularidade
- Estrelas no GitHub
- 48 mil
- Posição no ranking
- #3206
- 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