Um curso-catálogo dos 16 skills que transformam o Claude Code num estúdio de produto: construir interfaces, aplicar identidade visual, animar, pôr vídeo na página, gerar diagramas, testar no navegador e pesquisar concorrência. Cada skill analisada: o que faz, quando usar, como melhora suas páginas e prompts prontos.
Os 4 grupos de skills convergindo numa página melhor — diagrama ilustrativo
Cada trilha agrupa skills por trabalho-a-ser-feito. Pegue o que sua página precisa.
Gerar e redesenhar UI de qualidade: frontend-design, impeccable, web-artifacts-builder e design-designer.
4 skills →Look & feel consistente: theme-factory, brand-guidelines, canvas-design e algorithmic-art para fundos e peças.
4 skills →Movimento e vídeo na página: animation-designer, 3d-animation-creator, remotion, seedance + HyperFrames/FFmpeg.
4 módulos →Apoio à página: beautiful-mermaid, excalidraw, agent-browser (Playwright) e website-intelligence.
4 skills →Sua página precisa nascer, ganhar identidade, ganhar movimento ou ser testada? Cada trabalho tem uma trilha.
Cada módulo analisa um skill: o que faz, quando dispara, como melhora a página e onde ele para.
Cada análise traz prompts prontos pra acionar o skill no Claude Code e combiná-lo com os outros.