---
url: "/de/weblify/ai-agents.md"
description: "Installiere den Hypermatic Agent Skill für Weblify und gib Codex, Claude Code, Grok und kompatiblen Agenten die richtigen Website-Workflows."
---

# Weblify mit KI-Agenten nutzen

> Installiere den Hypermatic Agent Skill für Weblify und gib Codex, Claude Code, Grok und kompatiblen Agenten die richtigen Website-Workflows.

Hypermatic Agent Skills geben deinem KI-Agenten ein kompaktes Weblify-Playbook. Der Weblify-Skill unterscheidet zwischen Export ganzer Websites, Code-Inspektion ausgewählter Ebenen, Website-Import, lokaler Bearbeitung und Deployment, damit der Agent jedes Ergebnis zutreffend meldet.

- [Hypermatic Agent Skills installieren](https://hypermatic.ai/): Kopiere den Installer für das Terminal oder den Prompt ohne Terminal. Eine Installation enthält alle 12 Skills für die Hypermatic-Plugins.

## Den Weblify-Skill installieren {#install-the-weblify-skill}

1. Öffne [Hypermatic Agent Skills](https://hypermatic.ai/).
2. Kopiere den Terminal-Befehl oder kopiere den Prompt ohne Terminal in deinen Agenten.
3. Prüfe, ob `hypermatic-weblify` unter den installierten Skills erscheint.
4. Bitte den Agenten, für deine Aufgabe den Weblify-Skill zu nutzen.

## Wobei der Skill helfen kann {#what-the-skill-can-help-with}

- Komplette statische HTML- und CSS-Websites erstellen, in der Vorschau ansehen, prüfen und exportieren.
- Ausgewählte Figma-Ebenen als HTML-, Tailwind-, React- oder Vue-Code inspizieren.
- Inhalte öffentlicher oder angemeldeter Websites sicher in Figma importieren.
- Erzeugten Code, lokalen Nachweis im Browser und ein echtes Deployment auseinanderhalten.

## Quick Actions {#quick-actions}

Nutze die [Quick Actions von Weblify](/de/weblify/automation/parameters) für unterstützte, wiederholbare Aufgaben mit ausgeblendetem Plugin-Fenster. Die Referenz enthält Beispiele mit einfachen Feldern, Anforderungen an die Auswahl und ein maschinenlesbares Verzeichnis. Wähle eine unterstützte Aktion aus der Quick-Actions-Liste des installierten Plugins; die Ergebnisse erscheinen als normale Benachrichtigungen, Änderungen am Dokument und gespeicherte Dateien.

## Beispiel-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.`

## Freigabe und Verifizierung {#approval-and-verification}

Der Agent kann dich durch den Workflow führen oder verfügbare Tools für Figma, Browser, Dateisystem und Computersteuerung nutzen, nachdem du die angefragten Änderungen freigegeben hast. Import aus der Zwischenablage, Reparatur von Metadaten, Änderungen am Repository und Deployment sind separate Aktionen. Ein erzeugtes ZIP oder eine lokale Vorschau ist kein Nachweis dafür, dass eine Website veröffentlicht wurde.

## Grenzen der Testversion {#trial-limits}

Meldet Weblify, dass die Testläufe aufgebraucht sind, sollte der Agent keine weiteren Versuche unternehmen und dich zu den [Preisen und Kaufoptionen für Weblify](https://www.hypermatic.com/weblify/#pro) schicken. Schließ den Bezahlvorgang und die Lizenzaktivierung selbst ab und sag dem Agenten dann Bescheid, wenn Weblify aktiv ist.

## Den Skill aktuell halten {#keep-the-skill-current}

Geh zurück zu [Hypermatic Agent Skills](https://hypermatic.ai/) und nutze den Befehl **Update**, um die neuesten stabilen Anweisungen für Weblify zu installieren.