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
Mensagem pronta para colar
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-systemOu 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.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: 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
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.
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
Mostre informações relevantes, não tudo. Exiba o subconjunto mais útil, atualizado adequadamente.
Suporte múltiplos tamanhos com layouts distintos. Cada tamanho deve ser um design pensado, não uma versão escalada de outro.
Link profundo ao tocar. Leve os usuários ao conteúdo relevante, não à tela raiz do app.
Atividades ao Vivo (Live Activities)
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.
Mantenha-se atualizado e em tempo hábil. Dados desatualizados minam a confiança. Termine prontamente quando o evento acabar.
Notificações
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.
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
- 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
- 3-4 tarefas mais comuns. Títulos curtos, legendas opcionais, ícones relevantes do SF Symbol.
Top Shelf
- Vitrine do tvOS. Destaque conteúdo que atrai: novos episódios, itens em destaque, conteúdo recente.
App Clips
- 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
- 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
- Recomendação de experiência do sistema -- qual superfície se encaixa melhor no caso de uso.
- Estratégia de conteúdo -- o que exibir, prioridade, o que omitir.
- Frequência de atualização -- taxa de atualização, incluindo restrições de orçamento do sistema.
- Variantes de tamanho/família -- quais suportar e como o layout se adapta.
- Comportamento de link profundo -- para onde tocar leva o usuário.
Perguntas a Fazer
- Que informações precisam aparecer fora do app?
- Qual plataforma?
- Com que frequência os dados são atualizados?
- 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.
Popularidade
- Estrelas no GitHub
- 48 mil
- Posição no ranking
- #3203
- 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