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

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

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

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

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

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

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

  4. Escopos de busca reduzem grandes conjuntos de resultados. Forneça botões de escopo para que os usuários possam filtrar sem consultas complexas.

  5. Estados vazios claros para busca. Mensagem útil sugerindo correções ou alternativas, não uma tela em branco.

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

  7. Mantenha os controles de caminho concisos. Mostre apenas segmentos significativos. Os usuários podem clicar em qualquer segmento para navegar diretamente.

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

  1. Recomendação de componente -- campo de busca, controle de página ou controle de caminho, e por quê.
  2. Especificação de comportamento -- modelo de interação (busca conforme digita, deslizar para páginas, clicar para navegar para caminhos).
  3. Diferenças de plataforma entre iOS, iPadOS, macOS, visionOS.

Perguntas a Fazer

  1. Que tipo de conteúdo está sendo buscado ou navegado?
  2. Quais plataformas?
  3. Qual o tamanho do conjunto de dados?
  4. 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.

repo: sickn33/agentic-awesome-skills

Popularidade

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

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas