Pular pro conteúdo

Compose Multiplatform skill

O Claude escreve um único código em Kotlin pra Android, iPhone, desktop e navegador, e sabe onde cada sistema foge do padrão.

por athevon

instalações
951
estrelas no GitHub
677
No skills.sh desde
maio de 2026
Licença
Própria

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

O que ela faz

A skill traz os padrões do Compose Multiplatform, o jeito da JetBrains de fazer um app em Kotlin que roda em Android, iOS, desktop e web. Ela mostra a estrutura de pastas, com 80% a 95% do código na parte comum, e o expect/actual pra quando cada sistema precisa de uma versão própria.

Cobre fontes, imagens e textos traduzidos compartilhados pelo Compose Resources, densidade de tela, a ponte com SwiftUI e UIKit nos dois sentidos, animações e o tempo de abertura no iPhone e no navegador.

A parte mais útil são as pegadinhas: o gesto de voltar do iPhone brigando com o menu lateral, o teclado ajustado duas vezes, a fonte do sistema que não aparece no iOS e as APIs do Java que não compilam pro iPhone nem pra web. As versões foram conferidas em setembro de 2026.

Nas palavras de quem fez

Compose Multiplatform / KMP patterns - expect/actual composables, platform-specific code, density and font handling cross-target, iOS/Android/Desktop interop.

athevon, no SKILL.md

Quando usar

  • Começar um app que precisa sair em Android e iPhone
  • Pôr uma tela do Compose dentro de um app SwiftUI
  • Usar a mesma fonte e as mesmas imagens em todos os sistemas
  • Consertar o teclado que empurra a tela demais no iPhone
  • Separar o código que é só do Android do que é comum

Depois de instalar, é só pedir assim

  • Organiza esse projeto Compose Multiplatform: o que é comum vai pro commonMain e o que é de cada sistema vira expect/actual
  • Coloca a fonte Inter pelo Compose Resources e usa nas telas do Android e do iOS
  • No iPhone o campo de texto sobe demais quando o teclado abre; arruma sem quebrar no Android

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 Compose Multiplatform 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 Compose Multiplatform, 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 compose-multiplatform skill precisa pra funcionar?

De um projeto Kotlin com o plugin org.jetbrains.compose e do Gradle. Pra gerar e testar o app de iPhone, o projeto do Xcode entra na jogada, o que pede um Mac. Não tem chave nem serviço pago.

Roda no Codex e no Antigravity?

Roda: é um guia de padrões e código Kotlin e Swift, que qualquer agente que lê arquivos e escreve código consegue seguir.

Ela faz animação e efeitos visuais?

Só o que muda entre sistemas. Pra animação e gráficos, ela manda abrir outras skills do mesmo pacote genjutsu, como a compose-motion e a compose-graphics; instalada sozinha, o Claude fica com este guia e os arquivos de referência dele.

Levar essa skill

1x compose-multiplatformR$ 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/athevon/genjutsu

Aprenda a usar

Mais da loja athevon

Ver a loja athevon