Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Mastra Frontend skill
Monta interfaces de front-end da Mastra com o design system @mastra/playground-ui
- instalações
- 25
- estrelas no GitHub
- 29,1 mil
- No skills.sh desde
- julho de 2026
- Licença
- Própria
Atualizada no GitHub em 26 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no GitHub.
Nas palavras de quem fez
How to build Mastra frontend interfaces with the @mastra/playground-ui design system. This skill should be used when creating or modifying any application UI —…
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 Mastra 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 Mastra 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 mastra-frontendR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/mastra-ai/mastra
Aprenda a usar
- Criar site com IA: o passo a passo no Claude Code
Como eu crio site com IA pros clientes sem saber programar: no Claude Code, no Codex ou de graça no Antigravity. O passo a passo, sem cara de template.
Na mesma prateleira
Ver as 1.731 skills do corredorpartme-ai
vue3
O Claude escreve seus componentes e telas em Vue 3 consultando resumos do guia e da referência oficiais, em vez de chutar a API de memória.Auditada637 instalações, grátistamagui
tamagui
O Claude escreve componentes Tamagui na sintaxe nova da versão 3, com os tokens e temas do seu projeto, e confere tudo antes de entregar.Auditada594 instalações, grátispproenca
expo
O Claude escreve e revisa o seu app Expo seguindo 54 regras de desempenho, das que mais pesam, como o tempo de abertura, até as de memória.Auditada553 instalações, grátismartinholovsky
tauri
O Claude monta app de desktop pra Windows, Mac e Linux com Tauri, já fechando as brechas de segurança que mais dão problema nesse tipo de programa.Auditada550 instalações, grátiskindy
primevue
O Claude instala a PrimeVue no seu projeto Vue, escolhe o tema e deixa botão, campo, tabela e janela prontos pra usar sem importar um por um.Auditada527 instalações, grátisWix
wix-
O Claude instala os apps do Wix, cadastra produtos e conteúdo de exemplo e liga tudo ao seu site, ou monta o site e publica na hospedagem do Wix.Oficial338 instalações, grátisheadless Hugging Face
gradio
O Claude cria em poucas linhas uma tela web pra sua função Python, um chatbot ou uma demo de IA, e ainda chama apps prontos do Hugging Face pelo terminal.Oficial172 instalações, grátisOpenAI
liquid-
O Claude deixa o seu app de Mac com o vidro nativo do sistema e tira os fundos e barras feitos à mão que brigam com o visual novo do macOS.OficialAuditada78 instalações, grátisglass
Mais da loja Mastra
Ver a loja MastraMastra
mastra
O Claude monta agentes e workflows no Mastra consultando a documentação da versão instalada, em vez de chutar uma API que já mudou.Oficial82,8 mil instalações, grátismastra-
Opera e supervisiona o Mastra Factory pela CLI: conexão, status, filas e projetosOficial4.500 instalações, grátisfactory react-
Aplica 27 regras de desempenho e qualidade ao escrever ou revisar código ReactOficialAuditada2.800 instalações, grátisbest- practices ralph-
Planeja, em conversa interativa, comandos ralph-loop focados e bem estruturadosOficialAuditada2.600 instalações, grátisplan e2e-
Orienta testes E2E ao mexer no playground-ui e no playground do Mastra: componentes React e interfaceOficialAuditada2.500 instalações, grátistests- studio smoke-
Cria um projeto Mastra com create-mastra e faz um teste de fumaça do studio no Chrome via Chrome MCPOficialAuditada2.500 instalações, grátistest tailwind-
O Claude estiliza as telas do Playground do Mastra só com os componentes e tokens do design system, sem inventar cor, tamanho ou componente novo.OficialAuditada2.000 instalações, grátisbest- practices mastra-
Dá as regras pra escrever, editar e revisar a documentação, as barras laterais e redirecionamentos do MastraOficialAuditada158 instalações, grátisdocs tailwind-
Ensina a escrever Tailwind CSS v4 e a achar sintaxe da v3 que não deveria mais aparecerOficialAuditada103 instalações, grátisv4 mastra-
Resume as convenções do Mastra: agentes ou workflows, configuração TypeScript e estrutura do projetoOficialAuditada87 instalações, grátisbest- practices mastra-
Consulta as assinaturas atuais de API nos pacotes instalados do Mastra, direto das docs embutidasOficialAuditada65 instalações, grátisembedded- docs- look- up mastra-
Faz smoke tests de projetos Mastra, local ou em staging e produção: Studio, agentes, ferramentas e workflowsOficial61 instalações, grátissmoke- test