← ClaudeAtlas

html2fsewplisted

Verwandelt einen vorhandenen HTML/CSS-Prototyp in ein intuitives FSE-WordPress-Theme, Section für Section, mit höchstem Anspruch an Editor-Souveränität. TRIGGER bei "HTML in WP umsetzen", "Prototyp portieren", "FSE-Theme aus Design", "in WordPress umwandeln", "Theme aus dem HTML bauen".
herbeckrobin/claude-blueprint · ★ 0 · Web & Frontend · score 60
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