01shadcn/uiComponentes prontos no seu códigogithub.com/shadcn-ui/ui02Magic UINúmero contando, borda brilhandogithub.com/magicuidesign/magicui03React BitsTexto e fundo animadosgithub.com/DavidHDev/react-bits04UiverseBotões e cards da comunidadegithub.com/uiverse-io/galaxy05LucideÍcones no lugar de emojigithub.com/lucide-icons/lucide06GSAPAnimação que segue a rolagemgithub.com/greensock/GSAP07LenisRolagem maciagithub.com/darkroomengineering/lenis08MotionTransições e hovergithub.com/motiondivision/motion09Three.js3D no navegadorgithub.com/mrdoob/three.js10Frontend DesignSkill oficial da Anthropicgithub.com/anthropics/skills (pasta skills/frontend-design)
Por onde começar: instala primeiro o Frontend Design no Claude Code. Ele muda o jeito que o Claude pensa a página antes de escrever o código. Depois escolhe 2 ou 3 da lista, não os 10 de uma vez.
Quero melhorar a aparência desta página sem mudar o texto.
1. Leia a página atual e me diga em 5 linhas o que nela parece genérico (cards iguais, gradiente de enfeite, emoji no lugar de ícone, animação em tudo).
2. Use a skill frontend-design para propor uma direção visual própria para este negócio.
3. Aplique só o que a direção pedir, usando estes repositórios: [cole aqui os links que você escolheu].
4. No máximo um efeito chamativo por seção. Animação de rolagem só onde ajuda a ler.
5. Teste no celular primeiro e me mostre um print do antes e do depois de cada seção.