---
url: "/pt/weblify/ai-agents.md"
description: "Instale a Hypermatic Agent Skill do Weblify e dê ao Codex, ao Claude Code, ao Grok e a agentes compatíveis os fluxos corretos para sites."
---

# Usar o Weblify com agentes de IA

> Instale a Hypermatic Agent Skill do Weblify e dê ao Codex, ao Claude Code, ao Grok e a agentes compatíveis os fluxos corretos para sites.

As Hypermatic Agent Skills dão ao seu agente de IA um guia conciso do Weblify. A skill do Weblify diferencia a exportação do site completo, a inspeção de código das camadas selecionadas, a importação de sites, a edição local e a publicação, para que o agente informe cada resultado com precisão.

- [Instalar as Hypermatic Agent Skills](https://hypermatic.ai/): Copie o instalador para o terminal ou o prompt que dispensa o terminal. Uma única instalação inclui as skills de todos os 12 plugins da Hypermatic.

## Instalar a skill do Weblify {#install-the-weblify-skill}

1. Abra as [Hypermatic Agent Skills](https://hypermatic.ai/).
2. Copie o comando para o terminal ou copie o prompt que dispensa o terminal no seu agente.
3. Confirme que `hypermatic-weblify` aparece nas skills instaladas.
4. Peça ao agente para usar a skill do Weblify na sua tarefa.

## Como a skill pode ajudar {#what-the-skill-can-help-with}

- Criar, pré-visualizar, auditar e exportar sites estáticos completos em HTML e CSS.
- Inspecionar camadas selecionadas do Figma como código HTML, Tailwind, React ou Vue.
- Importar com segurança para o Figma o conteúdo de sites públicos ou que exigem login.
- Separar o código gerado, a comprovação local no navegador e uma publicação real.

## Quick Actions {#quick-actions}

Use as [Quick Actions do Weblify](/pt/weblify/automation/parameters) para tarefas repetíveis compatíveis com o painel do plugin oculto. A referência inclui exemplos de campos simples, requisitos de seleção e um registro legível por máquina. Escolha uma ação compatível na lista de Quick Actions do plugin instalado; os resultados aparecem como notificações normais, alterações no documento e arquivos salvos.

## Exemplos de prompts {#example-prompts}

- `Use the Weblify skill to audit and export this responsive Figma page.`
- `Use the Weblify skill to inspect this component as React code.`
- `Use the Weblify skill to validate the exported static website locally.`

## Aprovação e verificação {#approval-and-verification}

O agente pode orientar o fluxo de trabalho ou usar as ferramentas do Figma, do navegador, do sistema de arquivos e de controle do computador disponíveis depois que você aprovar as alterações solicitadas. A importação pela área de transferência, a correção de metadados, as edições no repositório e a publicação são ações separadas. Um ZIP gerado ou uma pré-visualização local não comprovam que o site foi publicado.

## Limites de teste {#trial-limits}

Se o Weblify informar que seus testes grátis acabaram, o agente deve parar de tentar de novo e direcionar você para os [preços e opções de compra do Weblify](https://www.hypermatic.com/weblify/#pro). Conclua o checkout e a ativação da licença você mesmo e depois avise o agente quando o Weblify estiver ativo.

## Manter a skill atualizada {#keep-the-skill-current}

Volte às [Hypermatic Agent Skills](https://hypermatic.ai/) e use o comando **Update** para instalar as instruções estáveis mais recentes do Weblify.