Renan GilRenan Gil@renangil.ia Seguir
← Central de Material

Material do reel · palavra SITE

Claude fazendo site com cara de designer

Skills de design, referência de bom gosto e os MCPs pra ele testar o que cria.

1

Skills de design do Emil Kowalski

Regras de tipografia, espaçamento, layout e animação.

No terminal

npx skills@latest add emilkowalski/skills

2

Impeccable

Mais um conjunto de regras de design pra fugir da cara genérica de IA.

Dentro do Claude Code

/plugin marketplace add pbakaus/impeccable

3

Taste Skill

Faz o Claude estudar um site bom de verdade e copiar o bom gosto dele, em vez de inventar.

4

MCP do Playwright

Deixa o Claude abrir o site que ele fez, testar e tirar print.

No terminal

claude mcp add playwright npx @playwright/mcp@latest

5

MCP do Figma

Pra ele desenhar e ler o seu design no Figma. Siga o guia oficial.

6

Agora é só pedir

Descreva o site que você quer, em português mesmo.

Exemplo · cola no Claude Code e adapta

Crie a landing page de [seu negócio] para [público]. Antes de codar, estude o design de [site de referência] com a Taste Skill. Use as skills de design instaladas, evite a cara genérica de IA e, no fim, abra a página no Playwright e tire print no celular e no computador.

Travou em algo? Me chama no direct. Toda semana sai material novo.