Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Skeuomorphic UI skill
Cria superfícies de UI skeumórficas na web, com gradientes em camadas, sombras internas e externas e relevo
- instalações
- 1.400
- estrelas no GitHub
- 7.027
- No skills.sh desde
- maio de 2026
- Licença
- MIT
Atualizada no GitHub em 25 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
Create skeuomorphic web UI surfaces with layered gradients, stacked inner and outer shadows, reflective gradient borders, micro texture, and embossed text or…
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 HubAlerta
- SocketPassou
- SnykAlerta
Perguntas
Como instalar a Skeuomorphic UI 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 Skeuomorphic UI, 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 skeuomorphic-uiR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/mengto/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 corredorsfkislev
photoshop
O Claude olha o documento aberto no Photoshop, as camadas e a seleção, e faz edições curtas lá dentro, uma de cada vez, com você no comando.Auditada2.100 instalações, grátisbergside
roku
O Claude desenha telas de painel com a mesma paleta roxa, tipografia e espaçamento do começo ao fim, em vez de inventar um estilo a cada tela.Auditada2.000 instalações, grátisMastra
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 secondsky
aceternity-
O Claude monta topo com fundo animado, cards 3D, rolagem com parallax e texto que se digita na sua página em Next.js, sem tropeçar na instalação.Auditada1.500 instalações, grátisui magicuidesign
magic-
Sua página ganha movimento no topo, na prova social e no botão de compra sem perder leitura, acessibilidade nem o layout no celular.Auditada1.200 instalações, grátisui davila7
mui
As telas do seu app em Material UI saem com o tema da marca, espaçamento consistente e layout que se ajusta do celular ao monitor.Auditada1.100 instalações, grátisGitHub
anti-
O Claude parte do seu produto e dos seus componentes pra montar telas web e iOS com identidade própria, com todos os estados e uma conferência final.Oficial975 instalações, grátisui- slop heyman333
apple-
O Claude redesenha as telas do seu app pra parecerem feitas pela Apple: limpas, calmas, com fonte do sistema e componentes que quem usa iPhone já conhece.Auditada865 instalações, grátisui- designer
Mais da loja mengto
Ver a loja mengtomengto
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átis