KI-Skill für Templates
Templates für Orblio bauen geht schneller mit KI-Unterstützung — wenn die KI die Orblio-Regeln kennt. Genau dafür gibt es die skill.md: eine kompakte, vollständige Anleitung, die du deinem KI-Assistenten mitgibst, damit er korrekte, sofort lauffähige Orblio-Vorlagen erzeugt.
Warum ein Skill?
Orblio-Templates haben feste Verträge (System-Platzhalter, unveränderliche Content-Elemente, kein SASS, kein fetch() …). Eine KY ohne dieses Wissen produziert Code, der aussieht wie Vue, aber in Orblio nicht rendert. Der Skill schließt genau diese Lücke.
Die skill.md herunterladen
Die Datei liegt direkt neben dieser Dokumentation:
⬇ skill.md herunterladen Im Browser ansehen
So nutzt du sie
Skill an die KI übergeben
Füge den Inhalt von
skill.mdals System-Prompt bzw. als Projektwissen/Custom-Instructions in deinen KI-Assistenten ein (ChatGPT-Projekte, Claude-Projects, ein eigener Agent — je nachdem, was du nutzt).Vorhandenes Theme mitgeben
Hast du bereits ein Template, gib der KI auch dessen
theme.vueund ein, zwei Beispiel-Komponenten. Sie übernimmt dann deine Token-Namen, Klassen-Präfixe und Breakpoints exakt.Anforderung formulieren
Beschreibe, was du brauchst — z. B. „einen Hero-Block mit Eyebrow, Titel, Fliesstext und einem CMS-pflegbaren Button“ oder „ein komplettes Theme für einen Handwerksbetrieb, seriös, in Grün“.
Prüfen & einsetzen
Die KI liefert fertige
.vue-Dateien. Lege sie in den passenden Template-Ordner (templates/<name>/bzw.components/) und teste im CMS.
Was der Skill abdeckt
| Bereich | Inhalt |
|---|---|
| Arbeitsweise | Erst analysieren, Scope klären, dann bauen — inkl. der Fragen, die vor einem neuen Theme zu klären sind. |
| Ordnerstruktur | Verbindlicher Aufbau eines Template-Ordners. |
| Datei-Anatomie | <config>/<script>/<style> und alle System-Platzhalter. |
| Harte Regeln | Die 10 nicht verhandelbaren Regeln plus Anti-Patterns. |
| Content-Elemente | Vollständige API von vtext bis fromdatabase. |
| Sub-Templates | Der $root-Vertrag und die DOM-Verträge aller Bausteine. |
| Design-Anspruch | Farb-, Responsive-, A11y- und SEO-Vorgaben für hochwertige Ergebnisse. |
Tipp: klein anfangen
Lass die KI zuerst eine einzelne Block-Komponente bauen und prüfe sie im CMS. Passt die Verdrahtung, kannst du guten Gewissens ein ganzes Theme generieren lassen.
Ergänzende Referenzen
Die menschlich lesbaren Fassungen der Skill-Inhalte findest du in dieser Dokumentation:
- Templates & Themes bauen — Struktur, Datei-Anatomie, Regeln, Sub-Templates.
- Content-Elemente — die vollständige Element-Referenz.