themeforge-pro/agent-kit

ThemeForge-Markup

ThemeForge erstellt ein klassisches WordPress-Theme aus statischem HTML. Sie markieren die bearbeitbaren Teile mit HTML-Attributen: fld-* für Felder einer Seite, opt-* für seitenweite Einstellungen, tax-* für Felder einer Kategorie, wp-* für WordPress selbst (Beiträge, Menüs, Produkte). Der Generator wandelt sie in Admin-Felder, Seitenvorlagen und die Admin-Bildschirme um, die der Seitenbetreiber bearbeitet. Das Design bleibt erhalten.

Die Regeln leben unter https://themeforge.pro/ai und ändern sich mit dem Generator. Markieren Sie nicht aus dem Gedächtnis oder aus dieser Datei: Rufen Sie die Regeln jede Sitzung ab. Dieses Skill gibt Ihnen nur die Reihenfolge der Arbeit vor.

1. Zuerst die Sitemap abstimmen

Bevor Sie Markup schreiben, antworten Sie mit einer Sitemap und warten Sie auf Bestätigung:

• jede Seitendatei mit ihrem Slug (index.html, menu.html, contacts.html…) – der Dateiname bestimmt die WordPress-Vorlage, also ist blog.html eine Seite namens Blog, nicht der Blog-Feed;
• Inhaltstypen: Blogbeiträge, Produkte, eigene Typen und deren Kategorien;
• was seitenweit ist (Header, Footer, Kontakte) – kommt in theme-options.html;
• Sprachen.

2. Die benötigten Regeln abrufen

GET https://themeforge.pro/ai              die Einstiegsseite: zuerst lesen
GET https://themeforge.pro/ai?m=core       immer, vor jedem Markup
GET https://themeforge.pro/ai?m=build      wenn Sie die Site GENERIEREN statt nur annotieren
GET https://themeforge.pro/ai?m=<modul>    seiten · blog · cpt · woocommerce · deploy · legacy

Laden Sie nur die Module, die diese Site benötigt: Ein Café ohne Shop liest nie woocommerce.

3. Markieren Sie beim Durchgehen

Attributeeren Sie jeden Abschnitt, während Sie ihn schreiben oder lesen, nicht in einem zweiten Durchgang. Die Prüfungen, die die meisten Fehler abfangen, in den Worten der Regeln:

• jede Seite hat wp-fields-group auf <body>, oder sie bekommt keine Felder;
• jedes Feld hat einen Namen; ein Link und seine Beschriftung haben unterschiedliche Namen (Button / Button text);
• in einer Liste (fld-loop) trägt jede Karte die Attribute, nicht nur die erste;
• seitenweite Felder werden auf theme-options.html deklariert.

4. Prüfen, kostenlos und ohne Konto

Senden Sie den gesamten Satz von Seiten in einer Anfrage und wiederholen Sie, bis "ok": true:

POST https://themeforge.pro/api/validate-markup
Content-Type: application/json

{"pages":[{"name":"index.html","html":"…"},{"name":"theme-options.html","html":"…"}]}

Oder führen Sie node scripts/validate.mjs <site-ordner> aus diesem Kit aus. error zerstört das Theme, warning bedeutet, dass etwas stillschweigend ignoriert wird, hint ist wissenswert. Es wird nichts gespeichert.

5. Übergeben

Folgen Sie ?m=deploy: ein ZIP mit dem Inhalt der Site (index.html im Stammverzeichnis). Die Person lädt es in ein Projekt unter https://themeforge.pro hoch, öffnet das WordPress-Admin des Themes kostenlos im Browser und lädt das Theme mit einem Abonnement herunter. Wenn sie Ihnen ihre Projekt-ID und ihr Token geben, zeigt das Modul deploy, wie Sie das Theme selbst über HTTP bauen können.

Referenzen

• Attributreferenz für Personen: https://themeforge.pro/docs
• Markup-Anleitung: https://themeforge.pro/docs/ai-guide
• Attributwörterbuch als JSON: https://themeforge.pro/api/attributes
• Ein vollständig markiertes Beispiel: examples/warm-corner/ in diesem Kit