bloqyDokumentation

Entwicklung

Websites mit Claude aufbauen

Bestehende Websites oder Figma-Designs mit dem mitgelieferten Claude-Skill nachbauen.

bloqy bringt eine Anleitung (Skill) für Claude mit, das KI-Modell von Anthropic. Damit baut Claude eine bestehende Website oder ein Figma-Design in bloqy nach: Theme, Schriften, Bilder, eigene Designs der Blöcke, Header, Footer, Menüs und Seiten. Das Ergebnis sind echte Blöcke, die sich danach im Editor normal bearbeiten lassen.

Was du brauchst

  • Claude Code oder Cowork mit Zugriff auf den Ordner der bloqy-Installation (z. B. eine lokale Kopie).
  • Empfohlen: PHP 8.3 auf dem Rechner. Dann nutzt Claude den Hilfsbefehl php bloqy/claude.php und prüft das Ergebnis vor der Übergabe.
  • Für Figma den Figma-Connector bzw. MCP-Server, für Screenshots Playwright.

Der Skill liegt nach Installation und jedem Update unter .claude/skills/bloqy-aufbau/ und wird von Claude automatisch erkannt.

Ablauf

  1. Öffne Claude im Ordner der Installation und beschreibe den Auftrag, z. B. „Bau die Website https://www.beispiel.de in bloqy nach.“
  2. Claude fragt einmal nach, u. a. welche Seiten übernommen werden und ob in einer Kopie (empfohlen) oder direkt gearbeitet wird.
  3. Claude erfasst, plant, baut und vergleicht Original und Nachbau als Screenshots.
  4. In der Kopie entsteht ein Paket (ZIP). Lade es unter Backup hoch und stelle es wieder her.

Ein Bericht listet übernommene Bilder und Schriften mit Herkunft und die Schritte, die du noch selbst erledigst (z. B. Basis-URL, Favicon, Schlüssel, Freigaben unter Sicherheit).

Claude liest oder ändert nie Benutzer, Lizenz oder Geheimnisse, schreibt kein PHP und ändert keine Kern-Dateien oder mitgelieferten Blöcke. Übernommen wird eine Sprache; weitere legst du mit In andere Sprache kopieren an. Prüfe die Rechte an übernommenen Bildern und Schriften.

Die ausführliche Anleitung mit Fehlerbehebung steht in docs/claude-aufbau.md deiner Installation.