Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Game UI Frontend skill
Desenha a interface de jogos de navegador (HUD, menus, sobreposições) sem tapar a área de jogo
- instalações
- 105
- estrelas no GitHub
- 7.590
- No skills.sh desde
- abril de 2026
- Licença
- Sem licença declarada
Atualizada no GitHub em 8 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no GitHub.
Nas palavras de quem fez
Design UI surfaces for browser games. Use when the user asks for HUDs, menus, overlays, responsive layouts, or visual direction that must protect the playfield.
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 Game UI Frontend 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 Game UI Frontend, 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 game-ui-frontendR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/openai/plugins
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 corredorwearescientist
awesome-
O Claude escolhe o estilo de uma marca grande que combina com o seu produto e redesenha as telas com as cores, fontes e espaçamentos dela.Auditada658 instalações, grátisdesign- md prowler-cloud
tailwind-
O Claude estiliza seus componentes com as classes do Tailwind e do tema, sem cor solta no meio do código, e o visual fica fácil de manter.Auditada612 instalações, grátis4 dominikmartn
nothing-
O Claude desenha telas e painéis monocromáticos, guiados pela tipografia, com modo claro e escuro caprichados e nenhum enfeite sobrando.Auditada596 instalações, grátisdesign 199-biotechnologies
motion-
O Claude anima seu site com o Motion, sucessor do Framer Motion: entradas suaves, efeitos na rolagem e botões que respondem ao toque, sem travar.Auditada593 instalações, grátisdev- animations martinholovsky
webgl
O Claude escreve shaders e efeitos 3D no navegador que não derrubam a página: tratam a perda do contexto, limitam memória e têm plano B sem WebGL.Auditada555 instalações, grátismanutej
figma-
O Claude escreve plugins que fazem no Figma o trabalho repetitivo: montar o design system, criar variações de botão, exportar todas as telas em 1x e 2x.Auditada542 instalações, grátisdesign albermonte
material-
O Claude desenha ou revisa telas de app Android no Material 3 Expressive, com os tokens certos de cada componente e as checagens de acessibilidade.Auditada502 instalações, grátis3- expressive Vercel Labs
emil-
Telas que respondem do jeito certo: botão que reage ao clique, menu que abre rápido e animação só onde ela ajuda.OficialAuditada358 instalações, grátisdesign- eng
Mais da loja OpenAI
Ver a loja OpenAIOpenAI
pdf
Lê, cria e revisa PDFs conferindo o layout ao renderizar as páginasOficial13,4 mil instalações, grátisgh-
Corrige checks que falham em PRs do GitHub Actions: lê os logs com gh, resume o erro e propõe o consertoOficial11,5 mil instalações, grátisfix- ci security-
Revisa o código segundo as boas práticas de segurança da linguagem e do framework e sugere melhoriasOficialAuditada11,2 mil instalações, grátisbest- practices linear
Você pede em português e o agente organiza o Linear: abre tickets, move bugs, monta o sprint e resume o que ficou pra trás.Oficial10,5 mil instalações, grátisplaywright
O agente abre o site, clica, preenche e tira print sozinho, pra testar um fluxo, achar onde ele quebra ou puxar informação de uma página.Oficial8.600 instalações, grátissecurity-
Faz o modelo de ameaças de um repositório: fronteiras de confiança, ativos, caminhos de abuso e mitigaçõesOficialAuditada8.200 instalações, grátisthreat- model figma-
Você cola o link do Figma e o Claude escreve a tela no seu projeto igual ao desenho, reaproveitando os componentes que já existem.OficialAuditada6.700 instalações, grátisimplement- design openai-
Respostas sobre a API da OpenAI e o Codex tiradas da documentação atual, com a página citada, em vez da memória do modelo.Oficial6.100 instalações, grátisdocs screenshot
Tira capturas de tela do desktop: tela cheia, app ou janela específica, ou uma região de pixelsOficialAuditada6.100 instalações, grátisfigma
Busca contexto, capturas, variáveis e assets do Figma pelo MCP e transforma nós do Figma em códigoOficial5.800 instalações, grátisimagegen
Você descreve a imagem do site, do anúncio ou do jogo e ela chega na pasta do projeto, com o prompt usado pra gerar.OficialAuditada5.700 instalações, grátisjupyter-
O Claude monta o notebook já organizado em passos curtos, com explicação entre as células, pra você ou outra pessoa rodar de cima a baixo.OficialAuditada5.600 instalações, grátisnotebook