Melhores skills do Claude para design e desenvolvimento de apps mobile

Escolhas rápidas

• React Native e Expo: as skills oficiais do Expo para construir e publicar, as react-native-skills da Vercel ou as skills da Callstack para performance, e o Mobile Taste Skill para telas que não pareçam feitas por IA.
• SwiftUI e iOS: o SwiftUI Pro de Paul Hudson para SwiftUI moderno e acessível, o SwiftUI Expert de Antoine van der Lee para estado e performance, e as Claude Code Apple Skills para ir da ideia à App Store.
• Flutter: as skills do próprio time do Flutter para arquitetura, layouts, rotas e testes.
• Design para qualquer framework: o Apple Design Skill revisa um design com base nas Human Interface Guidelines da Apple, em SwiftUI, Flutter, React Native e mais; o UI UX Pro Max escolhe estilos, paletas e fontes.
• Antes de enviar: o App Store Review confere um projeto com as regras da App Store e do Google Play.
• Um web app que deveria parecer um app: o mobile-native de Emil Kowalski corrige o CSS e as meta tags que o denunciam no celular.

Skills de apps mobile comparadas

Estrelas e licenças da API do GitHub em 8 de novembro de 2026, arredondadas. Em repositórios com muitas skills, as estrelas são do repositório inteiro.

As skills mobile mais instaladas

Instalações pela CLI de skills, segundo o registro do skills.sh em 8 de novembro de 2026. Plugins instalados com /plugin install quase não aparecem aqui, então trate esses números como um piso.

• ui-ux-pro-max (web e mobile): cerca de 440.000
• vercel-react-native-skills: cerca de 270.000
• mobile-native (Emil Kowalski): cerca de 116.000
• expo-dev-client, a mais instalada das skills do Expo: cerca de 74.000
• flutter-apply-architecture-best-practices, a mais instalada das do time do Flutter: cerca de 45.000
• swiftui-pro (Paul Hudson): cerca de 37.000
• swiftui-expert-skill (Antoine van der Lee): cerca de 36.000

Como configurar o Claude Code para um app mobile

1. Escolha pela plataforma: uma skill que constrói, uma que desenha

   Para Expo, as skills do Expo mais o Mobile Taste Skill; para SwiftUI, o SwiftUI Pro ou o SwiftUI Expert mais o Apple Design Skill; para Flutter, as skills do time do Flutter mais o Apple Design Skill ou o UI UX Pro Max. Duas skills que querem definir o estilo vão brigar.

   # Expo's official skills (Claude Code plugin)
   /plugin install expo@claude-plugins-official
   
   # Vercel's React Native rules
   npx skills add vercel-labs/agent-skills --skill vercel-react-native-skills
   
   # SwiftUI Pro (Paul Hudson)
   npx skills add https://github.com/twostraws/swiftui-agent-skill --skill swiftui-pro
   
   # SwiftUI Expert (Antoine van der Lee)
   /plugin marketplace add AvdLee/SwiftUI-Agent-Skill
   /plugin install swiftui-expert@swiftui-expert-skill
   
   # The Flutter team's skills
   npx skills add flutter/agent-plugins
   
   # Apple design review for any framework
   npx skills add dickwu/apple-design-skill
   
   # Mobile Taste Skill for React Native and Expo
   /plugin marketplace add draftbit/mobile-taste-skill
   /plugin install mobile-taste-skill

2. Passe o brief e um app de referência

   Diga para quem é o app, as três ou quatro telas que importam e um app cuja sensação você gosta. O Mobile Taste Skill faz o agente se comprometer com uma leitura do app (tipo, público, sensação) e planejar a navegação antes de escrever qualquer código.

3. Confira no simulador, não no código

   Rode o app no iOS Simulator, em um emulador Android ou no Expo Go e olhe telas reais em mais de um tamanho. A skill agent-device da Callstack deixa o agente controlar um dispositivo e conferir o próprio trabalho.

4. Salve o design system no repositório

   O Mobile Taste Skill escreve um MOBILE-DESIGN.md e o Expo tem uma skill expo-design-system. Mantenha o resultado no repositório para que as próximas sessões, e outros agentes, sigam as mesmas cores, tipografia e espaçamento. Veja o guia do CLAUDE.md.

Fonte: agent skills do Expo

O que saber antes de instalar

• A Sleek exige uma conta paga para uso real: contas gratuitas recebem créditos de teste para cerca de uma rodada de design, e o Pro custa $69 por mês, segundo a skill. Todo brief vai para o sleek.design.
• As skills de EAS do Expo usam os serviços hospedados de build e atualização do Expo, e cada skill do Expo pede ao agente que envie feedback pela CLI de agentes do Expo.
• As ferramentas de trace do SwiftUI Expert precisam do xctrace do Xcode e de Python 3; elas gravam e analisam traces do Instruments na sua máquina.
• As Claude Code Apple Skills seguem a branch main sem fixar versões, e o próprio aviso do projeto diz que as skills foram escritas com ajuda do Claude Code e podem conter imprecisões.
• O mobile-native de Emil Kowalski é para web apps e PWAs no celular, não para apps nativos.
• Nenhuma delas é feita pela Apple ou pelo Google, e o App Store Review não garante aprovação. O registro também lista a design-mobile-apps da Sleek com cerca de 1,3 milhão de instalações em um repositório com poucas estrelas; não conseguimos verificar esse número, então ela não está na lista acima.

Dê às skills um designer de apps que trabalha todo dia

Uma skill deixa uma sessão melhor em trabalho mobile. O Crewmark transforma o Claude Code ou o Codex em um designer de apps com IA, com uma meta, como três telas bem acabadas por semana, horário de trabalho e um quadro de telas para corrigir; ele acorda com um heartbeat e abre pull requests com capturas do simulador.

1. Contrate o cargo de designer de apps

   O brief, a meta e a rotina já vêm configurados; veja o designer de apps com IA e o engenheiro de software com IA.

2. Instale as suas skills mobile no repositório

   O funcionário usa as skills em .claude/skills como qualquer sessão. Para trabalho de web e UI, veja as melhores skills do Claude para web design.

3. Revise pull requests, não prompts

   Aprove as telas de que você gostar; peça mudanças no quadro. Leia o que é um funcionário de IA.

Perguntas frequentes sobre skills do Claude para apps mobile