Pular pro conteúdo

Apple UI Designer skill

O Claude redesenha as telas do seu app pra parecerem feitas pela Apple: limpas, calmas, com fonte do sistema e componentes que quem usa iPhone já conhece.

por heyman333

instalações
865
estrelas no GitHub
37
No skills.sh desde
janeiro de 2026
Licença
Sem licença declarada

Atualizada no GitHub em 15 de janeiro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.

O que ela faz

A skill põe o Claude no papel de um designer que conhece as diretrizes de interface da Apple (a Human Interface Guidelines) e redesenha telas de app pra parecerem nativas do iOS. A regra é preferir o padrão do sistema ao componente inventado e o discreto ao chamativo.

Na prática: tipografia no estilo SF Pro, hierarquia por tamanho e peso em vez de cor, fundo branco ou quase branco, cinzas do sistema, cor de destaque com moderação, blur e transparência onde couber. Nada de borda forte, gradiente pesado, neon ou tela entupida de informação.

Pra cada tela, ele explica a intenção, descreve o layout, diz que tipografia usar, como a tela se mexe (transição suave, folha que sobe de baixo e fecha arrastando) e justifica cada escolha pelo jeito do iOS. Na dúvida, segue o padrão do sistema e tira o que sobra.

Nas palavras de quem fez

Redesign mobile app UI to feel unmistakably Apple-like, iOS-forward, and native. Use this skill when building iOS apps, applying Apple Human Interface…

heyman333, no SKILL.md

Quando usar

  • App feito com IA que ficou com cara genérica e precisa de cara de iPhone
  • Revisar as telas de um app iOS antes de lançar
  • Refazer a tela de configurações ou de perfil no estilo dos apps da Apple
  • Limpar uma tela cheia de cor, borda e efeito

Depois de instalar, é só pedir assim

  • Redesenha essa tela de checkout do meu app pra ficar com cara de app da Apple
  • Olha esse print da tela inicial e me diz o que mudar pra parecer nativo de iPhone
  • Refaz a tela de perfil do app seguindo a Human Interface Guidelines e explica cada mudança

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 Apple UI Designer 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 Apple UI Designer, 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.

O que a apple-ui-designer skill precisa pra funcionar?

Nada além do agente: é um conjunto de regras de design, sem chave, sem conta e sem programa pra instalar. Você passa a tela (o código, um print ou uma descrição) e recebe o redesenho explicado.

Roda no Codex e no Antigravity?

Sim. Como é só texto com regras de design, qualquer agente que leia o arquivo aplica o mesmo estilo.

Serve pra app Android?

A skill trata o iOS como plataforma principal e o Android como secundária, então o resultado sai com cara de iPhone. Pra um app que precisa parecer nativo de Android, ela não é a escolha certa.

Levar essa skill

1x apple-ui-designerR$ 0,00

TotalR$ 0,00

A skill sai aqui mesmo, na hora. Seus dados eu uso pra falar com você sobre o MazyOS.

Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/heyman333/atelier-ui

Aprenda a usar

Mais da loja heyman333