---
url: "/es/weblify/ai-agents.md"
description: "Instala la Agent Skill de Hypermatic para Weblify y da a Codex, Claude Code, Grok y otros agentes compatibles los flujos de trabajo web correctos."
---

# Usar Weblify con agentes de IA

> Instala la Agent Skill de Hypermatic para Weblify y da a Codex, Claude Code, Grok y otros agentes compatibles los flujos de trabajo web correctos.

Las Agent Skills de Hypermatic dan a tu agente de IA una guía concisa de Weblify. La skill de Weblify distingue entre exportar el sitio completo, inspeccionar el código de las capas seleccionadas, importar sitios web, editar en local y desplegar, para que el agente informe con precisión de cada resultado.

- [Instalar las Agent Skills de Hypermatic](https://hypermatic.ai/): Copia el instalador para la terminal o el prompt sin terminal. Una sola instalación incluye las skills de los 12 plugins de Hypermatic.

## Instalar la skill de Weblify {#install-the-weblify-skill}

1. Abre [Hypermatic Agent Skills](https://hypermatic.ai/).
2. Copia el comando para la terminal, o copia el prompt sin terminal en tu agente.
3. Comprueba que `hypermatic-weblify` aparece entre las skills instaladas.
4. Pide al agente que use la skill de Weblify para tu tarea.

## En qué te puede ayudar la skill {#what-the-skill-can-help-with}

- Crear, previsualizar, auditar y exportar sitios web estáticos completos en HTML y CSS.
- Inspeccionar las capas de Figma seleccionadas como código HTML, Tailwind, React o Vue.
- Importar de forma segura a Figma contenido de sitios web públicos o con inicio de sesión.
- Diferenciar el código generado, la comprobación en un navegador local y un despliegue real.

## Quick Actions {#quick-actions}

Usa las [Quick Actions de Weblify](/es/weblify/automation/parameters) para las tareas repetibles compatibles con el panel del plugin oculto. La referencia incluye ejemplos con campos simples, los requisitos de selección y un registro legible por máquinas. Elige una acción compatible en la lista de Quick Actions del plugin instalado; los resultados se muestran con las notificaciones normales, los cambios en el documento y los archivos guardados.

## Prompts de ejemplo {#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.`

## Aprobación y verificación {#approval-and-verification}

El agente puede guiarte por el flujo de trabajo, o usar las herramientas de Figma, navegador, sistema de archivos y control del ordenador disponibles después de que apruebes los cambios que te pide. La importación desde el portapapeles, la reparación de metadatos, los cambios en el repositorio y el despliegue son acciones independientes. Un ZIP generado o una vista previa local no demuestran que el sitio web se haya desplegado.

## Límites de la prueba {#trial-limits}

Si Weblify indica que se han agotado sus usos de prueba, el agente debe dejar de reintentarlo y enviarte a los [precios y opciones de compra de Weblify](https://www.hypermatic.com/weblify/#pro). Completa tú el pago y la activación de la licencia, y luego avisa al agente cuando Weblify esté activo.

## Mantener la skill actualizada {#keep-the-skill-current}

Vuelve a [Hypermatic Agent Skills](https://hypermatic.ai/) y usa el comando **Update** para instalar las instrucciones estables más recientes de Weblify.