Antes e Depois — Site Genérico para Premium
Este é um estudo de caso: o mesmo Claude Code, o mesmo modelo, produzindo dois resultados radicalmente diferentes.
O que é
Antes e Depois — Site Genérico para Premium
Este é um estudo de caso: o mesmo Claude Code, o mesmo modelo, produzindo dois resultados radicalmente diferentes. De um lado, o site genérico — layout de template, animações travadas, tipografia sem hierarquia. De outro, uma interface que passa por produto de mercado. A variável que separa os dois não é talento, é setup.
A diferença vem de três skills de design instaladas no Claude Code. Cada uma ataca um ponto específico onde a IA costuma escorregar: motion, precisão visual e referência de gosto. Juntas, elevam todo projeto gerado a partir delas, sem você precisar revisar pixel a pixel.
O objetivo desta página é mostrar o antes e o depois lado a lado e explicar o que cada skill muda — para você reproduzir o "depois" nos seus próprios projetos.
Como funciona
Principais recursos
O antes: o que sai sem setup
Layout de template, animações inexistentes, tipografia sem hierarquia e componentes que parecem Bootstrap antigo.
Emil Kowalski Design — motion
Animações com easing correto, transições que fluem e micro-interações. A interface para de ser estática.
Impeccable Design — precisão
Espaçamento consistente, tipografia com hierarquia e grid coerente, corrigidos automaticamente em toda a interface.
TasteSkill — referência
O Claude passa a gerar com base em produtos premium reais como referência — saída no nível de Stripe, Linear, Vercel.
O depois: o resultado
UI que convence à primeira vista, animações que parecem handmade e layout que ninguém diria ter vindo de IA.
Mesmo modelo, setup diferente
Instaladas uma vez, as skills elevam todos os projetos seguintes. O ganho não é por projeto, é permanente.
Comece agora
Explore o repositório, contribua ou integre na sua operação.
Vá além do tutorial
Quer dominar isso na prática?
Na Formação Gestor de IA você vai do zero ao site no ar comandando equipes de agentes, sem escrever uma linha de código.