hig-components-search
Ajuda seu agente a encontrar orientações sobre componentes de navegação da Apple, como campos de busca e controles de página. É útil para criar interfaces de usuário intuitivas e fáceis de usar.
O que ela faz
Esta ferramenta ajuda a encontrar informações sobre como criar barras de busca, controles de página e controles de caminho seguindo as diretrizes de design da Apple. Ela explica onde colocá-los e como devem funcionar para serem fáceis de usar.
Quando usar
- ✓Ao projetar um aplicativo com uma barra de busca.
- ✓Ao criar uma galeria de fotos com navegação entre páginas.
- ✓Ao desenvolver um recurso que mostra a localização em uma estrutura de pastas.
Exemplo do que pedir para a IA
“Me mostre como fazer uma barra de busca que mostra resultados enquanto o usuário digita, seguindo o guia da Apple.”
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
A IA procura nas diretrizes de design da Apple informações sobre componentes de navegação. Ela foca em como as barras de busca, controles de página e controles de caminho devem ser projetados para serem intuitivos e eficientes.
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-searchOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/hig-components-search/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: Componentes de Navegação
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
Busca: detectável com feedback instantâneo. Coloque campos de busca onde os usuários esperam (topo da lista, barra de ferramentas/barra de navegação). Mostre os resultados conforme o usuário digita.
Controles de página: posição em uma sequência de páginas plana. Para páginas discretas e de peso igual (onboarding, galeria de fotos). Mostre a página atual e o número total.
Controles de caminho: navegação de hierarquia de arquivos. Controles de caminho do macOS exibem a localização dentro de uma estrutura de diretórios e permitem pular para qualquer ancestral.
Escopos de busca reduzem grandes conjuntos de resultados. Forneça botões de escopo para que os usuários possam filtrar sem consultas complexas.
Estados vazios claros para busca. Mensagem útil sugerindo correções ou alternativas, não uma tela em branco.
Controles de página não são para navegação hierárquica. Apenas sequências planas e lineares. Use controladores de navegação, barras de abas ou barras laterais para hierarquia.
Mantenha os controles de caminho concisos. Mostre apenas segmentos significativos. Os usuários podem clicar em qualquer segmento para navegar diretamente.
Suporte ao teclado para busca. Comando-F e atalhos de busca do sistema devem ativar a busca.
Índice de Referência
| Referência | Tópico | Conteúdo chave |
|---|---|---|
| search-fields.md | Campos de busca | Escopos, tokens, resultados instantâneos, posicionamento |
| page-controls.md | Controles de página | Indicadores de ponto, sequências de páginas planas |
| path-controls.md | Controles de caminho | Breadcrumbs, navegação de ancestrais |
Formato de Saída
- Recomendação de componente -- campo de busca, controle de página ou controle de caminho, e por quê.
- Especificação de comportamento -- modelo de interação (busca conforme digita, deslizar para páginas, clicar para navegar para caminhos).
- Diferenças de plataforma entre iOS, iPadOS, macOS, visionOS.
Perguntas a Fazer
- Que tipo de conteúdo está sendo buscado ou navegado?
- Quais plataformas?
- Qual o tamanho do conjunto de dados?
- A busca é a interação principal?
Habilidades Relacionadas
- hig-components-menus -- Barras de ferramentas e barras de menu hospedando controles de busca e navegação
- hig-components-controls -- Campos de texto, seletores, controles segmentados em interfaces de busca
- hig-components-dialogs -- Popovers e folhas para busca ou filtragem expandida
- hig-patterns -- Padrões de navegação e arquitetura da informação
- hig-foundations -- Tipografia e layout para componentes de navegação
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 no resumo.
Exemplo
Solicitação do usuário:
Use @hig-components-search para esta tarefa: Orientação da Apple HIG para componentes relacionados à navegação, incluindo campos de busca, controles de página e controles de caminho.
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 de especialistas.
- 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 'controles de caminho'?
São como 'migalhas de pão' que mostram onde você está em uma estrutura de pastas (como no macOS) e permitem voltar facilmente para pastas anteriores.
O que são 'controles de página'?
São os indicadores (geralmente bolinhas) que mostram em qual página de uma sequência você está, como em um álbum de fotos ou em um tutorial.
A IA pode criar o código para mim?
Não, esta ferramenta explica as diretrizes de design. Você precisará usar essas informações para escrever o código ou pedir ajuda a outra IA.
Detalhes
Descrição original do autor
Apple HIG guidance for navigation-related components including search fields, page controls, and path controls.
Popularidade
- Estrelas no GitHub
- 48 mil
- Posição no ranking
- #3201
- 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