
Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
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
Atualizada no GitHub em 15 de janeiro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
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.
Redesign mobile app UI to feel unmistakably Apple-like, iOS-forward, and native. Use this skill when building iOS apps, applying Apple Human Interface…
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.
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.
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.
Sim. Como é só texto com regras de design, qualquer agente que leia o arquivo aplica o mesmo estilo.
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.
1x apple-ui-designerR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/heyman333/atelier-ui
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.