SEO para o Google
MarketingAjusta títulos, conteúdo e velocidade para o seu site aparecer para quem busca no Google.
Direção de Arte
DesignTira o visual genérico de IA da sua página, com a direção de arte de 247 sites de referência.
O que vem na skill
- SKILL.md42,2 KB
- LICENSE1 KB
- README.md5,9 KB
- assets6 arquivos
- evals1 arquivo
- library9 arquivos
- references11 arquivos
- scripts10 arquivos
direcao-de-arte.zip758,7 KB
O que ela faz
A direção de arte de 247 sites de referência na sua IA: composição, tipografia, paleta e fotos escolhidas para o projeto, e uma revisão no navegador que tira da página o visual genérico de IA.
- Escolhe a composição, a tipografia e a paleta pelo tipo do seu negócio, com base em 247 sites de referência.
- Troca as fotos e os ícones genéricos por imagens que combinam com a sua marca.
- Revisa a página no navegador e tira o que tem cara de IA: o gradiente roxo, os cards com emoji, os textos vagos.
Como instalar
Escolha sua IA e siga os passos. Você pode pedir a ela para instalar.
- Baixe a skill. Clique em . O
direcao-de-arte.zipvai para a pasta Downloads do computador; não precisa abrir. No Mac, o Safari pode descompactar sozinho e deixar só a pastadirecao-de-arte: tudo bem, o pedido do passo 2 serve para os dois casos. - Peça para o Claude Code instalar. No app Claude, clique no ícone de código, no alto da barra lateral, e em , para começar uma sessão nova. Embaixo da caixa de texto, confira se está em e, em , abra a pasta Downloads. Se o app perguntar se você confia nela, clique em . Cole este pedido e aperte Enter.
Instale a skill que está na minha pasta Downloads: descompacte o arquivo direcao-de-arte.zip dentro de ~/.claude/skills/ (crie a pasta se ela não existir), para ficar ~/.claude/skills/direcao-de-arte/SKILL.md. Se o .zip já tiver sido descompactado, copie a pasta direcao-de-arte que está em Downloads para dentro de ~/.claude/skills/, para ficar ~/.claude/skills/direcao-de-arte/SKILL.md. Não mude nada dentro dos arquivos e me avise quando terminar.
- Aprove, se ele pedir. No Mac, se o sistema pedir acesso à pasta Downloads, clique em . Se o Claude Code parar num pedido de permissão para rodar um comando, clique em . No modo Automático, ele costuma seguir sem perguntar.
- Confira e use. Digite
/na caixa e procuredirecao-de-arte. Se não aparecer, envie/reload-skillsou comece uma nova sessão. Para usar, escolha/direcao-de-artee escreva o pedido depois, ou peça normalmente, como “Use a skilldirecao-de-artepara…”: o Claude Code também a usa sozinho quando o pedido combina com ela.
Prefere fazer à mão? Descompacte o .zip e coloque a pasta direcao-de-arte (a que tem o SKILL.md dentro) em ~/.claude/skills/, ficando ~/.claude/skills/direcao-de-arte/SKILL.md.
O Claude Code pede uma assinatura paga do Claude (Pro, Max, Ultra, Team ou Enterprise), e o Free não tem a aba Code. A skill instalada vale para todos os projetos do computador, mas não para as sessões na nuvem.
O que pedir para a IA
Depois de instalar, copie um pedido e adapte ao seu negócio.
Use a skill Direção de Arte para refazer o visual da minha landing page.
Crie a página de vendas da minha confeitaria com a skill Direção de Arte.
Revise o design do meu site com a Direção de Arte e corrija o que parece genérico.