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

hig-components-system

Ajuda seu agente a projetar componentes do sistema Apple, como widgets e notificações. É útil para criar experiências consistentes em diferentes dispositivos Apple.

O que ela faz

Ajuda a decidir onde e como mostrar informações importantes do seu aplicativo fora dele, como em widgets, notificações ou atalhos, seguindo as regras da Apple.

Quando usar

  • ✓Quando você quer que seu app mostre informações rápidas na tela bloqueada.
  • ✓Ao criar notificações que o usuário pode agir sem abrir o app.
  • ✓Para definir atalhos que aparecem na busca ou para a Siri.

Exemplo do que pedir para a IA

“Quero mostrar o status do meu pedido em tempo real na tela bloqueada do iPhone. O que devo usar?”

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-system/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-system/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
Como funciona

A IA analisa qual parte do seu app (widget, notificação, etc.) é melhor para mostrar informações fora do app. Ela considera onde a informação aparece e como o usuário vai interagir.

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-system

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/hig-components-system/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: Experiências do Sistema

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

Geral

  1. Valor imediato e visível. As experiências do sistema trazem o conteúdo mais importante do seu app para superfícies que o usuário vê sem precisar abrir o app. Projete para segundos de atenção.

  2. Respeite o contexto da plataforma. Um widget da Tela Bloqueada tem restrições diferentes de um widget da Tela de Início. Uma complicação é muito menor que um item da Top Shelf.

Widgets

  1. Mostre informações relevantes, não tudo. Exiba o subconjunto mais útil, atualizado adequadamente.

  2. Suporte múltiplos tamanhos com layouts distintos. Cada tamanho deve ser um design pensado, não uma versão escalada de outro.

  3. Link profundo ao tocar. Leve os usuários ao conteúdo relevante, não à tela raiz do app.

Atividades ao Vivo (Live Activities)

  1. Acompanhe eventos com início e fim claros. Entregas, placares, cronômetros, corridas. Projete tanto para a Ilha Dinâmica quanto para a Tela Bloqueada.

  2. Mantenha-se atualizado e em tempo hábil. Dados desatualizados minam a confiança. Termine prontamente quando o evento acabar.

Notificações

  1. Respeite a atenção do usuário. Envie notificações apenas para informações que os usuários realmente se importam. Sem notificações promocionais ou de baixo valor.

  2. Acionável e autossuficiente. Inclua contexto suficiente para entender e agir sem abrir o app. Suporte ações de notificação. Use encadeamento e agrupamento.

Complicações

  1. Dados focados no mostrador do relógio. Projete para a menor representação útil. Suporte múltiplas famílias. Orce as atualizações com sabedoria.

Ações Rápidas na Tela de Início

  1. 3-4 tarefas mais comuns. Títulos curtos, legendas opcionais, ícones relevantes do SF Symbol.

Top Shelf

  1. Vitrine do tvOS. Destaque conteúdo que atrai: novos episódios, itens em destaque, conteúdo recente.

App Clips

  1. Funcionalidade instantânea e focada dentro de um orçamento de tamanho estrito. Carregue rapidamente sem download da App Store. Apenas o necessário para a tarefa imediata, depois ofereça a instalação completa do app.

Atalhos de App

  1. Exponha ações chave para a Siri e o Spotlight. Defina atalhos para tarefas frequentes. Use frases de gatilho naturais e conversacionais.

Índice de Referência

Referência Tópico Conteúdo chave
widgets.md Widgets Informações visíveis, tamanhos, link profundo, linha do tempo
live-activities.md Atividades ao Vivo Rastreamento em tempo real, Ilha Dinâmica, Tela Bloqueada
notifications.md Notificações Atenção, ações, agrupamento, conteúdo
complications.md Complicações Dados do mostrador do relógio, famílias, atualizações orçadas
home-screen-quick-actions.md Ações rápidas Haptic Touch, tarefas comuns, SF Symbols
top-shelf.md Top shelf Conteúdo em destaque, vitrine
app-clips.md App Clips Uso instantâneo, leve, tarefa focada, NFC/QR
watch-faces.md Mostradores do relógio Complicações personalizadas, compartilhamento de mostrador
app-shortcuts.md Atalhos de App Siri, Spotlight, gatilhos de voz

Formato de Saída

  1. Recomendação de experiência do sistema -- qual superfície se encaixa melhor no caso de uso.
  2. Estratégia de conteúdo -- o que exibir, prioridade, o que omitir.
  3. Frequência de atualização -- taxa de atualização, incluindo restrições de orçamento do sistema.
  4. Variantes de tamanho/família -- quais suportar e como o layout se adapta.
  5. Comportamento de link profundo -- para onde tocar leva o usuário.

Perguntas a Fazer

  1. Que informações precisam aparecer fora do app?
  2. Qual plataforma?
  3. Com que frequência os dados são atualizados?
  4. Qual é a principal necessidade de visualização imediata?

Habilidades Relacionadas

  • hig-components-status -- Indicadores de progresso em widgets ou Atividades ao Vivo
  • hig-inputs -- Padrões de interação para experiências do sistema (Digital Crown para complicações)
  • hig-technologies -- Siri para Atalhos de App, HealthKit para complicações, NFC para App Clips

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:

…

Perguntas frequentes

O que são 'System Experiences'?

São formas de mostrar informações do seu app fora dele, como nos widgets da tela inicial ou nas notificações.

Por que seguir as regras da Apple (HIG)?

Para garantir que seu app funcione bem e pareça familiar em dispositivos Apple, oferecendo uma boa experiência ao usuário.

O que é 'Glanceable, immediate value'?

Significa que a informação mostrada deve ser útil e fácil de entender rapidamente, sem que o usuário precise se esforçar.

Detalhes

Descrição original do autor

Apple HIG guidance for system experience components: widgets, live activities, notifications, complications, home screen quick actions, top shelf, watch faces, app clips, and app shortcuts.

repo: sickn33/agentic-awesome-skills

Popularidade

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

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas