iOS HIG Design skill

O Claude desenha e revisa telas de app de iPhone e iPad do jeito que a Apple recomenda, com nota até 10 e o que falta pra chegar lá.

por wondelai

instalações: 8.200
estrelas no GitHub: 2.507
No skills.sh desde: janeiro de 2026
Licença: MIT

Atualizada no GitHub em 10 de setembro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.

wondelai
ios-hig-design
O Claude desenha e revisa telas de app de iPhone e iPad do jeito que a Apple recomenda, com nota até 10 e o que falta pra chegar lá.Auditada8.200 instalações, grátis

O que ela faz

Traz as diretrizes de interface da Apple em oito frentes: layout e áreas seguras, tipografia com Dynamic Type, cor e modo escuro, navegação, controles, acessibilidade, ícones e gestos com vibração. Vem com medidas exatas, como o alvo de toque de 44 pontos, e trechos de código em SwiftUI e UIKit.

Dá nota de 0 a 10 pra tela: um ponto por cada uma das seis perguntas de diagnóstico, como se dá pra usar o app inteiro com o VoiceOver, e até quatro pelo jeito nativo, como usar as cores do sistema e os SF Symbols. Sempre diz a nota e o que corrigir pra chegar no 10.

Aponta o que faz o app parecer estrangeiro no iPhone, como menu hambúrguer, botão flutuante de Android e fonte com tamanho fixo. Arquivos de apoio tratam de ícone do app, pedido de permissão, widgets, Live Activities e integração com Siri e Atalhos.

Nas palavras de quem fez

Design native iOS interfaces following Apple Human Interface Guidelines. Use when the user mentions "iPhone app", "iPad layout", "SwiftUI", "UIKit", "Dynamic…

wondelai, no SKILL.md

Quando usar

Revisar o protótipo de um app de iPhone antes de mandar pro desenvolvedor
Montar a barra de abas e a navegação de um app novo em SwiftUI
Consertar o modo escuro e o texto que quebra com a fonte grande
Preparar o ícone do app nas versões clara, escura e tingida
Checar a acessibilidade antes de enviar pra App Store

Depois de instalar, é só pedir assim

Revisa essa tela de checkout do meu app de iPhone pelas diretrizes da Apple e me dá a nota
Monta em SwiftUI a navegação do app com as abas Início, Busca e Perfil
Meu app tem menu hambúrguer, reorganiza do jeito que quem usa iPhone espera

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

Gen Agent Trust HubPassou
SocketPassou
SnykPassou

Perguntas

Como instalar a iOS HIG Design no Claude Code?

Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a iOS HIG Design, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.

Precisa de algo instalado?

A skill é só orientação, sem chave nem conta. Pra rodar o código em SwiftUI ou UIKit que sai dela, aí precisa do Xcode, que só roda no Mac.

Serve pra app de Android ou pra site?

Não. É toda voltada pra iPhone e iPad. Ela inclusive trata padrões de Android, como menu hambúrguer e botão flutuante, como erro num app de iOS.

Roda no Codex e no Antigravity?

Sim. São instruções em texto, então funcionam em qualquer agente que leia skills.

Levar essa skill

1x ios-hig-designR$ 0,00

TotalR$ 0,00

Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/wondelai/skills

Aprenda a usar

Claude Design: como usar, até no plano grátis
O Claude Design cria tela de site, protótipo e slide conversando, e agora vem até no plano grátis. Veja onde abrir, como usar e como levar pro Claude Code.