Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Mobile Design skill
Cria e revisa interfaces de iOS, Android, React Native e Flutter pensando em toque e acessibilidade
- instalações
- 3.700
- estrelas no GitHub
- 48,5 mil
- No skills.sh desde
- janeiro de 2026
- Licença
- MIT
Atualizada no GitHub em 24 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
Design and review iOS, Android, React Native or Flutter interfaces for touch, accessibility, navigation, offline behavior and measured performance. Use for…
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 Mobile Design 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 Mobile Design, 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.
Levar essa skill
1x mobile-designR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/sickn33/agentic-awesome-skills
Aprenda a usar
- Claude Design: como usar, até no plano grátis
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.
Na mesma prateleira
Ver as 1.414 skills do corredorjakubkrehel
oklch-
Paleta que fica uniforme do claro ao escuro, texto que passa no teste de contraste e tema pronto no Tailwind, sem acertar cor no olho.Auditada4.600 instalações, grátisskill Figma
figma-
O Claude lê o código do seu site ou app e monta no Figma as cores, espaçamentos e componentes iguais aos do código, prontos pra quem desenha usar.OficialAuditada4.400 instalações, grátisgenerate- library ibelick
create-
O Claude lê o código ou o site e registra num DESIGN.md as cores, fontes e regras visuais, pra toda tela nova sair no mesmo padrão.Auditada4.400 instalações, grátisdesign- md agents365-ai
tldraw-
Você descreve um processo ou um sistema e recebe o diagrama em imagem, com traço de quadro branco, pronto pra explicar pro time, pro cliente ou num post.Auditada3.700 instalações, grátisskill hairyf
tailwindcss
O Claude estiliza suas páginas com o Tailwind v4 do jeito atual, com o tema da sua marca, versão de celular e modo escuro, sem cair na sintaxe da versão 3.Auditada3.600 instalações, grátisfigma-
O Figma passa a mostrar, pra cada componente, o trecho de código do seu projeto com as propriedades certas, em vez de um código genérico.OficialAuditada3.400 instalações, grátiscode- connect hamen
material-
As telas do seu app Android, Flutter ou web saem com cores, fontes, cantos e componentes no padrão do Google, e com nota de conformidade se você pedir.3.300 instalações, grátis3 nexu-io
apple-
Indica pro agente o pacote com as regras de interface da Apple, em 14 skills, pra desenhar app de iPhone, Mac, Apple Watch, Vision Pro e Apple TV.Auditada3.200 instalações, grátishig
Mais da loja sickn33
Ver a loja sickn33sickn33
docker-
O Claude põe seu app num contêiner menor, mais rápido de montar e mais seguro, e revisa o Docker que você já tem com uma lista de checagem.Auditada27,3 mil instalações, grátisexpert nodejs-
Ensina princípios de Node.js: escolha de framework, padrões assíncronos, segurança e arquiteturaAuditada13,8 mil instalações, grátisbest- practices typescript-
O Claude resolve os erros chatos de TypeScript, deixa o build mais rápido e confere com typecheck e teste antes de dizer que terminou.Auditada12,6 mil instalações, grátisexpert clean-
Aplica os princípios do Clean Code, do Uncle Bob, para transformar código que funciona em código limpoAuditada12,5 mil instalações, grátiscode api-
Aplica padrões de API segura: autenticação, autorização, validação de entrada e limite de requisiçõesAuditada8.900 instalações, grátissecurity- best- practices nextjs-
O Claude organiza seu site em Next.js com componente no servidor por padrão, cache certo e as telas de carregamento e erro que costumam faltar.Auditada7.400 instalações, grátisbest- practices browser-
Cria checagens confiáveis de navegador com locators semânticos, esperas limitadas e dados de teste isolados6.700 instalações, grátisautomation nextjs-
Integra o Supabase Auth ao Next.js App RouterAuditada6.600 instalações, grátissupabase- auth 3d-
Constrói e depura cenas 3D na web e configuradores de produto com Three.js, React Three Fiber e Spline5.200 instalações, grátisweb- experience i18n-
Aplica padrões de internacionalização e localização: strings fixas, traduções, arquivos de idioma e RTLAuditada4.200 instalações, grátislocalization prisma-
Atua como especialista em Prisma ORM: schema, migrações, consultas otimizadas, relações e bancosAuditada4.200 instalações, grátisexpert playwright-
Automatiza o navegador com Playwright, rodando scripts a partir da pasta onde a skill foi instalada3.900 instalações, grátisskill