material gratuito

O manual da Apple dentro da sua IA

A Apple tem um manual de umas 170 páginas com as regras de interface dos apps dela. Eu traduzi tudo que serve pra web e virou uma skill: você pede um sistema, uma tela ou um painel, e a IA entrega com cara de app de iPhone bem feito, em vez de cara de IA.

passo 1

Baixa a skill

É um arquivo .zip com a skill inteira dentro: as regras, as cores e componentes prontos e um teste automático. Você instala uma vez e ela fica salva na sua IA.

baixar a skill (.zip) Vai usar no Claude? Não descompacta. Ele aceita o .zip do jeito que baixou.
passo 2

Instala onde você usa IA

Claude (site ou app)

  1. Abre Configurações e vai em Capacidades.
  2. Confere se execução de código e criação de arquivos está ligado. Skill precisa disso.
  3. Na parte de Skills, clica em enviar skill e escolhe o .zip que você baixou.
  4. Liga a skill design-premium na lista.
  5. Abre uma conversa nova e pede o seu sistema (exemplos no passo 3).

Claude Code

  1. Descompacta o .zip.
  2. Move a pasta design-premium pra dentro de ~/.claude/skills/ (vale pra todos os projetos).
  3. Abre o Claude Code de novo e pede o seu sistema.

ChatGPT ou Codex

  1. Cria um projeto no ChatGPT só pra isso.
  2. Descompacta o .zip. Abre o SKILL.md, copia tudo e cola nas instruções do projeto.
  3. Sobe nos arquivos do projeto o que está nas pastas references e assets.
  4. Numa conversa do projeto, pede o seu sistema.
No Codex do computador, é só mover a pasta design-premium pra ~/.codex/skills/.
passo 3

Como pedir

Ela brilha em sistema: agenda, cadastro, painel, área do cliente. Pede do jeito que você pediria pra um designer:

1"Cria o sistema de agendamento da minha clínica, com agenda do dia, marcar consulta e lista de pacientes."
2"Revisa essa tela com a skill design-premium e me diz o que arrumar." (e manda o print ou o arquivo)
3"Meu painel tá com cara de IA. Refaz no padrão da Apple."
o que tem dentro

As regras da Apple de cor, texto, navegação, botões, formulários, estados (vazio, carregando, erro), modo escuro e acessibilidade, já traduzidas pra HTML e CSS. Uma camada visual com o jeito dos apps de 2026 (vidro, cor por significado, número em destaque). E um teste que tira prints no celular e no computador e aponta contraste ruim, botão pequeno e texto cortado.

exemplo

O mesmo pedido, com e sem a skill

Sistema de uma clínica de dermatologia inventada, com o mesmo pedido nas duas vezes.

Sem a skill

Três telas de um sistema de clínica feito pela IA sem a skill: agenda, marcar consulta e pacientes, com visual simples de formulário

Com a skill

As mesmas três telas feitas com a skill: próxima consulta em destaque, procedimentos com cor por categoria e barra de abas no estilo dos apps da Apple

Clínica fictícia. A skill é uma tradução independente das Human Interface Guidelines da Apple, sem ligação com a Apple.

Copiado!