Liquid Glass React — vidro estilo Apple para React
Liquid Glass React é um componente gratuito que dá a botões e cards o visual Liquid Glass da Apple, com refração, fosco e um toque líquido ao clicar.
Skills
Notas curtas sobre skills para agentes de código com IA: o que cada um é, o que faz e como instalar.
Liquid Logo — transforme um logo plano em metal líquido
O Liquid Logo, da Paper, transforma um logo plano em metal líquido em movimento no navegador. Envie um SVG, ajuste o efeito e use o Paper Shaders no site.
React Three Fiber — cenas 3D para sites React
React Three Fiber permite criar cenas 3D do Three.js como componentes React, para que um agente de IA adicione um modelo de produto giratório.
ShaderGradient — degradês 3D em movimento
ShaderGradient cria degradês 3D suaves e em movimento para React, Vue, Figma e Framer. Crie um no site dele e deixe seu agente de IA colocá-lo na página.
Context Engineering — skills para criar agentes de IA melhores
Agent Skills for Context Engineering: 18 skills gratuitas sobre como gerenciar a janela de contexto, a memória, as ferramentas e a avaliação de um agente.
Marketing Skills — um manual de marketing para seu agente
Marketing Skills: 52 skills gratuitas que ajudam Claude Code, Codex, Cursor e outros agentes com textos, SEO, anúncios, e-mail e conversão.
Skills do Remotion — vídeos em React escritos pelo agente
Remotion Agent Skills são as skills oficiais que ensinam Claude Code, Codex, Cursor e outros agentes a criar, pré-visualizar e renderizar vídeos em React.
Stop Slop — uma skill que tira as marcas de IA do texto
Stop Slop é uma skill gratuita que ensina o Claude e outros modelos de IA a cortar frases, estruturas e ritmos que soam como máquina.
UI UX Pro Max — regras de design para seu agente de IA
UI UX Pro Max é uma skill gratuita que dá ao Claude Code, Cursor, Codex e outros agentes um gerador de design system com estilos, cores e fontes.
OpenMontage — um estúdio de vídeo para o seu agente de código
OpenMontage é um sistema livre e gratuito: Claude Code, Cursor, Codex e outros agentes pesquisam, escrevem, narram, editam e renderizam um vídeo pronto.
scroll-craft — sites de rolagem aprovados numa checagem de design
scroll-craft é um skill gratuito para Claude Code, Codex e outros agentes que cria sites de rolagem e confere cada posição num navegador.
Superpowers: seu agente pergunta, planeja e testa antes
Superpowers é um conjunto gratuito de skills para Claude Code, Codex, Cursor e outros agentes. Pergunta o que você quer, faz um plano e constrói com testes.
REA: veja como funciona um recurso de app e crie o seu
O REA é um servidor MCP gratuito: Claude Code, Codex ou Cursor inspecionam um app sem o código, explicam um recurso e mostram as evidências.
Graphify: um mapa do seu código para ferramentas de IA
O Graphify transforma seu código em um grafo local. Claude Code, Cursor, Codex ou Gemini CLI consultam o mapa em vez de ler cada arquivo.
instagram-agent-skill: 13 skills do Claude para Instagram
instagram-agent-skill são 13 skills gratuitas do Claude que escrevem Reels, legendas, carrosséis, stories e respostas do Instagram e revisam tudo.
AGENTS.md — oito regras após 60 bilhões de tokens
Marcos Hernanz compartilhou o AGENTS.md que usa depois de cerca de 60 bilhões de tokens. Oito regras curtas que levam um agente de código a soluções simples e comprovadas.
find-skills: a skill que encontra outras skills
A find-skills deixa um agente de programação buscar no diretório skills.sh, conferir o que encontrou e instalar uma skill para a tarefa que você descreve.
Virality Predictor — note um reel antes de postar
O Virality Predictor da Higgsfield pontua um clipe de até 15 segundos antes de postar: nota, gancho mais forte, taxa de retenção e mapa de calor do cérebro.
Sete agentes Claude, já escritos
Um reel diz que sete agentes novos do Claude podem substituir uma empresa. Os padrões são reais. A Anthropic escreveu a maioria em 19 de dezembro de 2024.
geo-sleuth — achar onde uma foto foi tirada
geo-sleuth é um skill grátis que acha onde uma foto foi tirada. Usa mapas, formas de montanha, fotos de satélite e Street View, e mostra o trabalho.
TailAdmin — um painel de admin Next.js grátis
TailAdmin é um painel de admin grátis com Next.js e Tailwind. Dê o repositório a uma ferramenta de código, e monta o seu painel nesse modelo, não num antigo.
gstack — a configuração de Claude Code de Garry Tan
A configuração gratuita de Garry Tan para o Claude Code. Ela ajuda a planejar, conferir, testar e publicar. Estrelas e instalação vêm do projeto.
Impeccable, de Paul Bakaus
O skill de design de Paul Bakaus: 24 comandos compartilhados e 59 verificações. Ele para o mesmo modelo e pode consertar uma página que você já tem.
Taste Skill, de Leonxlnx
O Taste Skill de Leonxlnx estuda 247 sites escolhidos. Ele dá uma direção à ferramenta de código e depois confere a página num navegador de verdade.
O skill de animação de Emil Kowalski
Os skills de Emil Kowalski dizem a uma ferramenta de código como as coisas devem se mover, para a página parecer pronta e não genérica.