14 MINUTOS DE LEITURA
Skills do Framer: o manual que o agente segue
Por:
Henrique Sabino
As Skills do Framer são instruções salvas no projeto do site que o agente de IA do Framer segue ao trabalhar nele: o sistema de design, a voz da marca, o jeito de preencher o CMS e o que conferir antes de publicar. Lançadas em 22 de setembro de 2026, transformam regra falada em regra escrita.
O anúncio no blog do Framer, publicado em 22 de setembro e atualizado dois dias depois, apresenta as skills como o jeito de ensinar o agente a trabalhar como o time trabalha. Os tutoriais em português sobre criação de sites em Framer ainda não chegaram a elas e param no prompt.
A Wama usa bastante os agentes do Framer no fluxo de produção e tem mais de 50 projetos publicados na plataforma. Daí vem a leitura deste guia: a skill é a parte do site que continua trabalhando depois da entrega, e quem vai operar o agente precisa dela tanto quanto das regras de uso dos Agents na empresa.
O que são as Skills do Framer?
São instruções com nome, descrição curta e um campo de conteúdo, guardadas dentro do projeto. Segundo a página oficial das skills, cada uma diz ao agente como fazer uma tarefa específica naquele site: montar página com o sistema de design, escrever com a voz da marca, revisar SEO ou checar o lançamento.
A skill mora no projeto, e não na conta de quem a escreveu. O registro de novidades do Framer informa que ela acompanha o projeto quando alguém o remixa, e que pode citar páginas, componentes e estilos do próprio site com @pages, @components e @styles. É isso que a separa de um manual de marca guardado numa pasta: o agente lê a regra e enxerga a peça a que ela se refere.
Há dois jeitos de criar. Em Settings, na área Skills, alguém escreve à mão. Pelo chat, o comando /skills pede ao agente que escreva uma nova ou que capture as decisões de uma conversa que chegou a um bom resultado. Cada conversa com o agente consome créditos de IA, parte do custo de um projeto em Framer.
Qual a diferença entre uma skill e um prompt?
O prompt vale para uma tarefa; a skill vale para todas as tarefas daquele tipo. A página oficial resume assim: o prompt pede ao agente que conclua um trabalho, e a skill guarda as instruções que ele deve seguir toda vez, sem que alguém precise reescrevê-las.
Na prática, a diferença aparece na segunda semana de uso. Sem skill, cada pessoa da equipe descreve o site do seu jeito ao pedir uma página nova, e o agente interpreta cada pedido do zero. Com skill, o pedido curto basta, porque a regra já está no projeto. O anúncio acrescenta que nem o comando é obrigatório: o agente puxa a skill sozinho quando a descrição dela combina com a tarefa.
Por isso a descrição pesa tanto quanto o conteúdo: é ela que decide quando a regra entra em jogo. Escreva como num bom briefing de site, dizendo para que a skill serve e em que tarefa usá-la.
Que skills o site de uma empresa precisa ter?
Quatro cobrem quase todo site institucional: sistema de design, voz da marca, conteúdo do CMS e checagem de lançamento. Os nomes seguem os exemplos que o próprio Framer publica para copiar e adaptar, e cada um responde a uma pergunta que o agente não consegue responder olhando só o canvas.
Skill | O que diz ao agente | Quem sabe a resposta |
|---|---|---|
design-system | Quais componentes, estilos de texto, cores, espaçamentos e breakpoints usar numa página nova | Quem desenhou o site |
brand-voice | Termos da marca, tom e o que nunca escrever | Marketing e quem escreveu os textos |
cms-content | Quais campos da coleção preencher e o que não pode virar texto solto na página | Quem montou o CMS |
seo-check e launch-check | Metadados, texto alternativo das imagens, links, formulários e telas de celular antes de publicar | Quem publica o site |
A lista oficial traz outras, como a de acessibilidade, a de efeitos e uma que remove vícios de texto gerado por IA. Comece pelas quatro da tabela. A de sistema de design é a que mais evita retrabalho, porque impede o agente de inventar cor, fonte ou componente. A de CMS depende de o que vira conteúdo editável no site, decisão que acontece no projeto e não depois dele.
Como escrever uma skill que o agente respeita
Escreva regras verificáveis e deixe claro o grau de obrigação. O guia de boas práticas da Framer Academy sugere três palavras: must para o que o agente não pode mudar, prefer para o caminho inicial que admite exceção e can para escolhas que não afetam a consistência. Pedidos como deixar a página mais bonita não entram.
Proteja o que já existe. Diga o que o agente pode editar e o que fica como está: links, instâncias de componente, campos ligados ao CMS e interações.
Aponte exemplos do próprio site. Com @, a skill cita a página, o componente ou o estilo que serve de modelo.
Escreva o que o canvas não mostra. Qual componente usar antes de criar outro, como a equipe nomeia páginas e camadas, quais breakpoints revisar.
Defina o que é pronto. Liste as checagens finais e peça ao agente que conserte o que encontrar e informe o que não conseguiu resolver.
Teste em duas tarefas diferentes. Quando algo sair errado, reescreva a instrução que causou o erro, sem criar regra para problema que ainda não aconteceu.
O item 3 é onde mora o valor. Nos projetos da Wama, o design é a fase mais longa, e é nela que se decide quanto respiro uma seção pede ou qual chamada serve a uma página de lançamento. Essas decisões raramente ficam visíveis no arquivo final. A skill é o lugar de escrevê-las.
Quem deve escrever as skills do seu site?
Quem desenhou o sistema, com revisão de quem vai operar o site. Quem desenha sabe as regras; a equipe da empresa sabe as tarefas que vai repetir. Escrita por um lado só, a skill vira manual de estilo que ninguém consulta ou lista de pedidos sem critério visual.
Na Wama, o projeto é transferido para a conta do cliente no fim do trabalho, e a empresa fica dona do site, do domínio e da assinatura. Como a skill mora no projeto, ela vai junto. Se você está contratando um site agora, peça que as skills entrem na lista de entregáveis, ao lado do treinamento da equipe no CMS, e confira o que um estúdio entrega num projeto Framer antes de fechar.
Pergunte também quem mantém as skills quando o site mudar. A resposta saudável é a própria empresa, com apoio pontual de quem desenhou. Para avaliar esse apoio, veja o que conferir num especialista em Framer antes de escolher.
Como Framer Expert Pro, a Wama tem acesso de editor gratuito em projetos de clientes e desconto de 50% em créditos de agente, benefícios do nível Expert Pro do Framer. O pós-entrega não depende de contrato mensal: há período de garantia com correções sem custo e canal aberto para dúvidas pontuais.
O que a skill não resolve
A skill não desenha o sistema, não aprova o resultado e não isola a mudança. Ela descreve regras que precisam existir antes; se o site não tem estilos e componentes organizados, a skill só documenta a bagunça. O próprio anúncio insiste que cada página ainda pede julgamento de design e que a revisão acontece no canvas.
Também não substitui o processo. Mudança feita pelo agente continua precisando de branch, revisão e alguém com permissão para publicar, temas do guia sobre IA no site da empresa linkado no começo deste texto.
Na Wama, a IA acelerou a construção e não a decisão: o prazo total dos projetos não mudou, e o ganho aparece em acabamento. Todo resultado de IA passa por leitura humana antes de chegar ao cliente. Uma skill bem escrita encurta o caminho até a primeira versão aceitável, mas não tira ninguém da revisão.
Erros comuns ao criar skills no Framer
Uma skill para tudo. O guia oficial recomenda dividir quando os gatilhos e os resultados mudam; cada skill com um trabalho e um ponto claro de conclusão.
Adjetivo no lugar de regra. Moderno, limpo e elegante não dizem ao agente o que fazer.
Esquecer de proteger o conteúdo. Sem essa linha, o agente pode trocar texto, link ou campo do CMS que ninguém pediu para mudar.
Skill que nunca é revisada. O site muda, e a regra antiga passa a produzir páginas desalinhadas.
Tratar o agente como custo zero. Os créditos de IA do plano acabam; combine quem usa o agente e para quê antes de liberar para a equipe inteira.
Perguntas frequentes sobre as Skills do Framer
As Skills do Framer custam alguma coisa?
As fontes oficiais lidas não citam preço próprio para as skills. Elas ficam nas configurações do projeto e são usadas pelo agente, e o uso do agente consome créditos de IA do plano. Na prática, o custo é o do trabalho que o agente faz seguindo a skill, e não o da skill guardada.
Preciso saber programar para escrever uma skill?
Não. A skill é texto comum, escrito em frases e listas, e o agente também pode redigir a primeira versão pelo comando /skills. O que exige preparo é conhecer as regras do site: quais componentes usar, quais campos proteger e o que conferir antes de publicar. Isso é conhecimento de design, não de código.
A skill vale para todos os sites da empresa?
Não automaticamente. A skill fica ligada ao projeto em que foi criada e segue com ele quando alguém o remixa. Uma empresa com vários sites precisa copiar e ajustar as skills em cada projeto, o que também evita levar para um site a regra que só fazia sentido no outro.
Template com skill substitui um site sob medida?
Ajuda, mas não substitui. O anúncio oficial prevê templates que trazem skills explicando como foram desenhados, o que melhora o uso do agente. O template, porém, continua sendo o sistema de outra marca. Num projeto sob medida, o sistema nasce da marca da empresa, e a skill passa a descrever regras que são dela.
Quem pode criar ou editar as skills do site?
Quem tem acesso de edição ao projeto abre Skills nas configurações e muda nome, descrição e conteúdo quando quiser. As fontes oficiais lidas não detalham restrição por papel. Por isso vale combinar dentro da empresa quem é dono de cada skill, do mesmo jeito que se combina quem publica o site.
Se a sua empresa vai contratar um site em Framer e quer que a equipe use o agente sem desmontar o sistema, fale com a Wama sobre o seu projeto.
