Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Loja mengto
As 138 skills que mengto publicou no GitHub. Primeiro as explicadas em português, depois da mais instalada pra menos.
github.com/mengtoLista atualizada em 26 de outubro de 2026
138 skills
mengto
build-
Sai um site completo com uma ideia visual própria, abertura animada e movimento que acompanha a rolagem, sem cara de template.Auditada3.100 instalações, grátisawwwards- quality- sites cinematic-
Cria um sistema de animação para sites de luxo e portfólios com GSAP, ScrollTrigger e LenisAuditada2.400 instalações, grátisgsap- lenis- motion- system beautiful-
Aplica sombras em camadas com classes arbitrárias do Tailwind para dar elevação a cards e painéis2.200 instalações, grátisshadows cinematic-
Cria landing pages cinematográficas com rolagem suave (Lenis), GSAP ScrollTrigger e textos em sequênciaAuditada2.100 instalações, grátisscroll- storytelling animation-
Cria animações ao rolar a página com IntersectionObserver e classes de animação do TailwindAuditada2.000 instalações, grátison- scroll landing-
Projeta ou reescreve landing pages de alta conversão para SaaS, apps e serviços, com estrutura e layoutAuditada2.000 instalações, grátispage threejs
Constrói e depura cenas 3D interativas na web com Three.js: câmera, luzes, materiais e GLTFAuditada2.000 instalações, grátisanimation-
Cria movimento web de nível de produto, como Stripe, Linear, Apple e Vercel: princípios, easing e duraçõesAuditada1.900 instalações, grátissystems design-
Escreve prompts para gerar interfaces começando pelo design: estrutura, restrições, variações e tipografiaAuditada1.800 instalações, grátisfirst- ui- prompting gsap
Cria e depura animações web profissionais com GSAP: timelines, ScrollTrigger, stagger e transforms1.800 instalações, grátisgsap-
Monta storytelling de produto com scroll fixo no GSAP ScrollTrigger, revelando a interface aos poucos1.800 instalações, grátisscrolltrigger- storytelling cobejs
Adiciona um globo 3D interativo e leve com cobe: marcadores, interação e integração com React e Next.jsAuditada1.700 instalações, grátisoptimize-
Mede e otimiza o desempenho de páginas com animação: vazamento de memória, lentidão e canvas/WebGLAuditada1.700 instalações, grátisweb- animations progressive-
Cria desfoque progressivo em CSS, no topo ou embaixo, com várias máscaras de backdrop-filter1.700 instalações, grátisblur tailwindcss
Guia o uso do Tailwind CSS: layout, tipografia, responsivo, temas e padrões de componentesAuditada1.700 instalações, grátismasked-
Revela títulos palavra por palavra ao rolar a página, com GSAP ScrollTrigger e efeito de máscaraAuditada1.600 instalações, grátisreveal pricing-
Projeta ou reescreve página de preços de SaaS pra converter: planos, copy, SEO, FAQ e testesAuditada1.600 instalações, grátispage staggered-
Anima títulos e textos palavra por palavra, cada uma subindo suave ao entrar na telaAuditada1.600 instalações, grátisword- reveal video-
Transforma um vídeo de referência num prompt detalhado pra recriar ou se inspirar nele1.600 instalações, grátisto- superprompt webgl-
Cria um objeto 3D em WebGL com profundidade, material realista, luz e rotação suave1.600 instalações, grátis3d- object webgl-
Guia landing pages em WebGL rumo ao visual certo: premium, técnico, lúdico ou cinematográficoAuditada1.600 instalações, grátislanding- steering atmosphere-
Cria fundo escuro atmosférico com dobras verticais de luz e brilho concentrado num cantoAuditada1.500 instalações, grátisbackground build-
Constrói experiências Three.js controladas pelo scroll, num mundo 3D único com câmera, luz e históriaAuditada1.500 instalações, grátisthreejs- scroll- worlds company-
Usa os logos Simple Icons do Iconify (64x64) no lugar de logos em textoAuditada1.500 instalações, grátislogos container-
Adiciona linhas-guia verticais com quadradinhos nos cantos pra marcar a largura do containerAuditada1.500 instalações, grátislines css-
Aplica máscara alfa em CSS com linear-gradient pra esmaecer bordas na horizontal ou na verticalAuditada1.500 instalações, grátisalpha- masking css-
Aplica bordas com gradiente sutil em cards, painéis de preço, menus e botões1.500 instalações, grátisborder- gradient editorial-
Mistura composição de revista com detalhes de produto tech: grids assimétricos, faixas de mídia e rótulos mono1.500 instalações, grátistech glass-
Constrói interfaces escuras em glassmorphism, com contraste legível, vidro fosco e bordas em gradienteAuditada1.500 instalações, grátisdark- ui globe-
Implementa globos 3D com globe.gl pra visualizar dados: pontos, arcos, polígonos e rótulosAuditada1.500 instalações, grátisgl marquee-
Cria marquee em loop infinito e contínuo pra logos, depoimentos, prints e tags1.500 instalações, grátisloop matterjs
Implementa interações de física 2D com Matter.js: engine, corpos e restriçõesAuditada1.500 instalações, grátisscroll-
Cria transformações visuais reversíveis controladas pelo scroll, com vídeo, canvas, SVG ou imagensAuditada1.500 instalações, grátisscrubbed- visual- sequence scroll-
Transforma artigo, case ou história de marca numa landing page cinematográfica guiada pelo scrollAuditada1.500 instalações, grátisworld- storytelling stitched-
Captura prints de página inteira confiáveis em sites com lazy load, animação no scroll, Framer e WebGL1.500 instalações, grátisfull- page- capture unsplash-
Escolhe imagens de qualidade do Unsplash pra avatares, retratos, fundos e papéis de paredeAuditada1.500 instalações, grátisasset- images vantajs
Adiciona fundos animados em WebGL com o Vanta.js: parâmetros, redimensionamento e performanceAuditada1.500 instalações, grátisadd-
Adiciona ao herói um rastro de cursor em meio-tom branco que cintila, em WebGPU com ShadersAuditada1.400 instalações, grátisshader- cursor- trail agency-
Cria um design system minimalista para agência, com grade editorial, tipografia enorme e rótulos discretos1.400 instalações, grátisgrid- layout- minimal ambient-
Adiciona partículas discretas numa seção, com formas, densidade, gravidade, vento e rotação configuráveisAuditada1.400 instalações, grátissection- particles audit-
Audita o trabalho, confere as afirmações com evidência concreta e explica o resultado em linguagem simplesAuditada1.400 instalações, grátisverify- explain- grade- 5 aura-
Busca imagens estilo banco de fotos no Aura Assets para mockups e marketing, como fundos e texturas1.400 instalações, grátisasset- images background-
Cria um fundo WebGL de grade em perspectiva, com linhas que somem, névoa de partículas e parallax suave1.400 instalações, grátisgrid- webgl blue-
Cria um design system limpo e moderno, com céu azul luminoso, nuvens suaves e tipografia serena1.400 instalações, grátiscloudy- clean- modern blue-
Cria um layout escuro de vidro fosco com laser azul fino e estrutura de dashboard bem acabadaAuditada1.400 instalações, grátislaser- clean- glass- layout book-
Cria um design system de leitor de livros de arquivo, com páginas serifadas, índice mono e papel envelhecido1.400 instalações, grátisserif- index bright-
Cria um design system técnico em verde vivo, com layouts divididos, superfícies escuras emolduradas e WebGLAuditada1.400 instalações, grátisgreen- tech- system- webgl clean-
Cria um design system minimalista em bege claro, com neutros quentes, grades de processo e acento contidoAuditada1.400 instalações, grátisminimal- beige- light- mode corner-
Aplica cantos cortados na diagonal em botões, cards e painéis para um enquadramento geométrico, estilo sci-fi1.400 instalações, grátisdiagonals corner-
Cria uma composição de lasers finos saindo de um canto, com emissor brilhante, bloom e névoaAuditada1.400 instalações, grátislasers daily-
Cria uma captura diária recorrente de inspirações de UI e valida os pacotes organizados por data1.400 instalações, grátisui- inspiration- capture dark-
Cria um design system azul-escuro limpo, com forte contraste, blocos com gradiente cobalto e brilho contidoAuditada1.400 instalações, grátisblue- contrasting- clean dark-
Cria um layout de vidro escuro com painéis foscos, área de trabalho em colunas e cards de dados flutuantesAuditada1.400 instalações, grátisglass- clean- layout dither-
Cria um fundo procedural escuro e monocromático com pixels quadrados grandes e dithering ordenado de BayerAuditada1.400 instalações, grátisbackground dither-
Cria um design system escuro com superfícies quase pretas, dither sutil e laser fino na cor de destaque1.400 instalações, grátislaser- dark- mode editorial-
Cria ou refaz sites de estúdio, agência, fotógrafo e artista em que os projetos conduzem a narrativaAuditada1.400 instalações, grátisportfolio- chapters framed-
Cria layouts de grade minimalistas com linhas finas visíveis, colchetes nos cantos e seções bem alinhadas1.400 instalações, grátisgrid- layout framed-
Cria um design system técnico escuro com bordas em gradiente, painéis de grade assimétrica e rótulos monoAuditada1.400 instalações, grátistech- dark- border- gradient funky-
Cria um design system técnico escuro com destaques fúcsia e roxo, camadas arredondadas e foco futuristaAuditada1.400 instalações, grátispurple- container- tech glass-
Cria um design system de vidro escuro com grades de feixes, mostradores circulares de relógio e estilo sci-fiAuditada1.400 instalações, grátisdark- mode- clock globe-
Cria uma visualização 3D de partículas em forma de globo, com núcleo esférico luminoso e anel orbitalAuditada1.400 instalações, grátisparticles gooey-
Cria bolhas fluidas com filtros SVG, em que várias formas se fundem numa sóAuditada1.400 instalações, grátisblob- system high-
Cria um design system skeumórfico de alto contraste, com superfícies escuras moldadas e relevo tátil1.400 instalações, grátiscontrast- skeuomorphic- clean html-
Converte uma página HTML em um artigo com capturas e vários prompts de interação reutilizáveisAuditada1.400 instalações, grátisto- interaction- prompts image-
Cria um design system em grade guiado por imagem, com fotos de sangria total, linhas-guia e blocos ancoradosAuditada1.400 instalações, grátisfirst- grid- layout light-
Cria um design system técnico claro, com superfícies de papel quente, moldura escura e geometria precisa1.400 instalações, grátismode- paper- technical mesh-
Cria um design system futurista azul-escuro com mesh gradient no fundo, herói, navegação e seções emolduradasAuditada1.400 instalações, grátisgradient- dark- blue- clean nested-
Cria um design system limpo para agência com containers aninhados, blocos escuros embutidos e cards redondosAuditada1.400 instalações, grátiscontainer- clean- agency nested-
Cria um layout de containers dentro de containers, com molduras aninhadas, linhas verticais e cantos marcados1.400 instalações, grátiscontainer- frames number-
Adiciona marcadores numéricos decorativos 01, 02, 03 como detalhe visual1.400 instalações, grátisdetails orange-
Cria um design system limpo para SaaS em tom de papel, com neutros quentes, acentos laranja e formas redondasAuditada1.400 instalações, grátisclean- paper- saas performance-
Orienta o profiling de desempenho de apps Apple com Instruments, Xcode e MetricKit: travadas e CPU altaAuditada1.400 instalações, grátisprofiling reveal-
Cria spotlights que seguem o cursor e revelam uma segunda imagem alinhada por uma máscara radial suaveAuditada1.400 instalações, grátishover- effect scroll-
Transforma um processo em etapas numa linha do tempo de rolagem, com barra de progressoAuditada1.400 instalações, grátisprogress- timeline scroll-
Revela um texto palavra por palavra conforme a rolagem avança, mantendo links, ênfase e movimento reduzidoAuditada1.400 instalações, grátisscrubbed- word- reveal shaders-
Adiciona distorção fluida em WebGPU que segue o cursor sobre uma imagem, com a biblioteca ShadersAuditada1.400 instalações, grátiscursor- ripples skeuomorphic-
Cria superfícies de UI skeumórficas na web, com gradientes em camadas, sombras internas e externas e relevo1.400 instalações, grátisui solar-
Usa o estilo de ícones Solar Duotone Bold do IconifyAuditada1.400 instalações, grátisduotone- bold split-
Cria um design system técnico de tela dividida, com painéis duplos, linhas finas e metadados em mono1.400 instalações, grátislayout- technical tech-
Cria um design system técnico moderno em modo escuro, com superfícies preto-fosco e acentos verde-esmeraldaAuditada1.400 instalações, grátisgreen- dark- mode- modern unicorn-
Incorpora e personaliza animações interativas do Unicorn Studio na web, com tamanho responsivo e fallbacksAuditada1.400 instalações, grátisstudio webgl-
Cria um fundo WebGL de laser em tela cheia, com núcleo vertical branco fino, halo na cor da marca e névoaAuditada1.400 instalações, grátislaser article-
Converte um artigo, tutorial ou pacote de prompts em skills reutilizáveis, uma capacidade por skill1.300 instalações, grátisprompts- to- skills audit-
Audita um site contra as referências usadas pra checar originalidade e risco de plágioAuditada1.300 instalações, grátisreference- originality beam-
Cria estados de carregamento, seleção, foco e clique em React com o brilho animado de borda do border-beamAuditada1.300 instalações, grátisglow- states browser-
Cria vídeos 4K de 60 fps no estilo gravação de tela de navegador a partir de capturas do CodexAuditada1.300 instalações, grátisvideo- recording build-
Projeta o retorno sonoro de um jogo em Three.js ou web: sons de ação, combate, música e áudio espacialAuditada1.300 instalações, grátisgame- audio- feedback build-
Implementa e ajusta câmeras de jogos em Three.js: enquadramento isométrico, seguir alvo, órbita, zoom e tremorAuditada1.300 instalações, grátisgame- camera- controls build-
Constrói e testa jogos Three.js pra navegador de celular, com controles por toque e áreas segurasAuditada1.300 instalações, grátismobile- threejs- games create-
Cria efeitos visuais legíveis e leves pra jogos em Three.js: ataques, impactos, partículas e shadersAuditada1.300 instalações, grátisgame- vfx design-
Projeta e testa combate de ação tático e legível pra jogos web: janelas de ataque, defesa e esquivaAuditada1.300 instalações, grátisaction- combat design-
Projeta encontros em jogos de ação Three.js: arena, inimigos, ritmo de surgimento, chefes e recompensasAuditada1.300 instalações, grátisgame- encounters editorial-
Cria ou redesenha sites de agendamento pra salões, barbearias, spas e clínicas, com visual editorialAuditada1.300 instalações, grátisservice- booking elevenlabs-
Gera áudio de fala com a ElevenLabs a partir de roteiros ou texto, usando perfis de voz locaisAuditada1.300 instalações, grátistts generate-
Gera vários mundos de campanha de marca originais a partir de uma referência visual, sem copiar o protegidoAuditada1.300 instalações, grátisreference- inspired- brand- worlds liquid-
Adiciona bordas animadas de metal líquido em WebGL com o pacote React metal-fxAuditada1.300 instalações, grátismetal- border
Outras lojas
Lojas com skills pro mesmo tipo de trabalho.
