html2fsewplisted
Install: claude install-skill herbeckrobin/claude-blueprint
# HTML → FSE-WordPress
Verwandelt einen statischen HTML-Prototyp in ein FSE-Block-Theme bei dem der Kunde alle Inhalte intuitiv über den Block-Editor pflegt. Folgt dem Anspruch: **Custom Blocks sind Last Resort, Content lebt in der DB, Editor und Frontend sind 1:1 identisch.**
## Modi
- `/html2fsewp` (ohne Args), vollständiger Workflow von Phase 1 bis 6, fragt vor jeder Phase nach Bestätigung
- `/html2fsewp init`, nur Phase 1+2 (Theme-Setup + Tokens) ausführen
- `/html2fsewp section <name>`, eine einzelne Section portieren (z.B. `/html2fsewp section hero`)
- `/html2fsewp seed <page>`, eine Page per `ddev wp eval-file` mit Pattern-Markup befüllen
- `/html2fsewp audit`, Pre-Launch Intuitiv-FSE-Checkliste durchgehen
- `/html2fsewp gaps`, prüfen welche HTML-Sections noch nicht portiert sind
---
## Voraussetzung
Der HTML-Prototyp muss existieren, **kein direktes Designen ins Theme**. Phase 1 (HTML-First) ist nicht Teil dieses Skills, das passiert vorher (`design-workflow.md`).
## Schreibregeln (gelten überall in diesem Skill)
Jeder deutsche Text der durch diesen Skill entsteht, Pattern-Demo-Inhalte, Page-Seeds in `post_content`, `block.json`-Defaults, Theme-Header, Block-Titel, FAQ-Antworten, Hero-Headlines, folgt **`tonalitaet.md` Sektion A**:
- **Echte Umlaute** (`ä`, `ö`, `ü`, `ß`), niemals `ae`, `oe`, `ue`, `ss`. Auch in PHP-Heredocs, `<!-- wp:heading -->`-Inhalt, RichText-Defaults, JSON-`default`-Werten.
- **Keine Gedankenstriche** (`—`, `–`), Komma/Punkt/neuer Satz