[{"data":1,"prerenderedAt":20},["ShallowReactive",2],{"clay-page:\u002F4.x\u002Fde\u002Fguides\u002Fupgrading-to-clay-4":3},{"html":4,"toc":5,"description":16,"hero":17,"list":18,"socialImage":19},"\u003Ch1 id=\"umstieg-auf-clay-4\">Umstieg auf Clay 4 \u003Cspan class=\"badge badge-sm badge-soft badge-success clay-badge\">Aktuell\u003C\u002Fspan>\u003C\u002Fh1>\n\u003Cp>Clay 4 ändert drei Dinge: Das Front-Matter-Feld \u003Ccode>cards\u003C\u002Fcode> heißt jetzt \u003Ccode>list\u003C\u002Fcode>, Dateien und Ordner, deren Name mit \u003Ccode>_\u003C\u002Fcode> beginnt, sind keine Seiten mehr: Sie enthalten \u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Fwriting\u002Fsnippets-and-variables\" data-route=\"\u002F4.x\u002Fde\u002Fwriting\u002Fsnippets-and-variables\">Snippets\u003C\u002Fa>, und ältere Versionen ziehen von \u003Ccode>docs-archive\u002F\u003C\u002Fcode> nach \u003Ccode>docs\u002F\u003C\u002Fcode>. Alles andere, deine Seiten, Ordner, Links, Übersetzungen und die \u003Ccode>clay.yaml\u003C\u002Fcode>, bleibt, wie es ist. Bis du es umbenannt hast, meldet \u003Ccode>clay build\u003C\u002Fcode> jede Datei, die noch \u003Ccode>cards\u003C\u002Fcode> nutzt, mit einer Warnung, und \u003Ccode>--strict\u003C\u002Fcode> scheitert.\u003C\u002Fp>\n\u003Ch2 id=\"auf-einen-blick\">\u003Ca class=\"heading-anchor\" href=\"#auf-einen-blick\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#auf-einen-blick\">#\u003C\u002Fa>Auf einen Blick\u003C\u002Fh2>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Clay 3\u003C\u002Fth>\n\u003Cth>Clay 4\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\u003Ctr>\n\u003Ctd>\u003Ccode>cards: true\u003C\u002Fcode> in einer \u003Ccode>index.md\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>list: true\u003C\u002Fcode>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>docs\u002F_entwuerfe\u002Fidee.md\u003C\u002Fcode> ist eine Seite\u003C\u002Ftd>\n\u003Ctd>Dateien und Ordner mit \u003Ccode>_\u003C\u002Fcode> am Anfang sind keine Seiten\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>docs\u002F\u003C\u002Fcode> und \u003Ccode>docs-archive\u002F1.x\u002F\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>docs\u002Flatest\u002F\u003C\u002Fcode> und \u003Ccode>docs\u002F1.x\u002F\u003C\u002Fcode>, verschoben von \u003Ccode>npx clay version\u003C\u002Fcode>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\u003C\u002Ftable>\n\u003Cp>Den Umstieg kann ein Coding-Agent übernehmen:\u003C\u002Fp>\n\u003Cdiv class=\"clay-prompt-aura aura not-prose\">\u003Cdiv class=\"clay-prompt code-block\">\u003Cdiv class=\"clay-prompt-title\">\u003Ci class=\"fa-solid fa-wand-magic-sparkles\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan>Vorgeschlagener Prompt\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cpre class=\"clay-prompt-text\">Stell die Clay-Dokumentation dieses Repositorys auf Clay 4 um, nach\nhttps:\u002F\u002Fclay-doc.github.io\u002Fclay-example-repo\u002Fde\u002Fguides\u002Fupgrading-to-clay-4.md.\nDer Umstieg ist fertig, wenn `npx clay build --strict` durchläuft.\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Prompt kopieren\" aria-label=\"Prompt kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Ch2 id=\"schritte\">\u003Ca class=\"heading-anchor\" href=\"#schritte\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#schritte\">#\u003C\u002Fa>Schritte\u003C\u002Fh2>\n\u003Cdiv class=\"clay-steps\">\u003Col>\n\u003Cli>\u003Cp>\u003Cstrong>Aktualisiere Clay.\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cdiv class=\"clay-tabs clay-code-group is-terminal has-dots\" data-tabs=\"\">\u003Cdiv role=\"tablist\" class=\"tabs tabs-border not-prose\">\u003Cbutton type=\"button\" role=\"tab\" id=\"clay-tabs-1-0\" class=\"tab tab-active\" aria-controls=\"clay-tabs-1-0-panel\" aria-selected=\"true\" tabindex=\"0\">npm\u003C\u002Fbutton>\u003Cbutton type=\"button\" role=\"tab\" id=\"clay-tabs-1-1\" class=\"tab\" aria-controls=\"clay-tabs-1-1-panel\" aria-selected=\"false\" tabindex=\"-1\">pnpm\u003C\u002Fbutton>\u003Cbutton type=\"button\" role=\"tab\" id=\"clay-tabs-1-2\" class=\"tab\" aria-controls=\"clay-tabs-1-2-panel\" aria-selected=\"false\" tabindex=\"-1\">yarn\u003C\u002Fbutton>\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-1-0-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-1-0\" data-label=\"npm\">\u003Cdiv class=\"code-block is-terminal has-bar\">\u003Cdiv class=\"code-terminal\" aria-hidden=\"true\">\u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line command\">\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">npm\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> install\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#569CD6\"> --save-dev\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> clay-doc@4\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-1-1-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-1-1\" data-label=\"pnpm\" hidden=\"\">\u003Cdiv class=\"code-block is-terminal has-bar\">\u003Cdiv class=\"code-terminal\" aria-hidden=\"true\">\u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line command\">\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">pnpm\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> add\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#569CD6\"> --save-dev\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> clay-doc@4\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-1-2-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-1-2\" data-label=\"yarn\" hidden=\"\">\u003Cdiv class=\"code-block is-terminal has-bar\">\u003Cdiv class=\"code-terminal\" aria-hidden=\"true\">\u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line command\">\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">yarn\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> add\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#569CD6\"> --dev\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> clay-doc@4\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003C\u002Fli>\n\u003Cli>\u003Cp>\u003Cstrong>Benenne \u003Ccode>cards\u003C\u002Fcode> in \u003Ccode>list\u003C\u002Fcode> um.\u003C\u002Fstrong> Schreib in jeder \u003Ccode>index.md\u003C\u002Fcode> mit \u003Ccode>cards: true\u003C\u002Fcode> stattdessen \u003Ccode>list: true\u003C\u002Fcode>:\u003C\u002Fp>\n\u003Cdiv class=\"clay-tabs\" data-tabs=\"\">\u003Cdiv role=\"tablist\" class=\"tabs tabs-border not-prose\">\u003Cbutton type=\"button\" role=\"tab\" id=\"clay-tabs-2-0\" class=\"tab tab-active\" aria-controls=\"clay-tabs-2-0-panel\" aria-selected=\"true\" tabindex=\"0\">Clay 3\u003C\u002Fbutton>\u003Cbutton type=\"button\" role=\"tab\" id=\"clay-tabs-2-1\" class=\"tab\" aria-controls=\"clay-tabs-2-1-panel\" aria-selected=\"false\" tabindex=\"-1\">Clay 4\u003C\u002Fbutton>\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-2-0-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-2-0\" data-label=\"Clay 3\">\u003Cdiv class=\"code-block has-title\">\u003Cdiv class=\"code-title\">\u003Ci class=\"fa-regular fa-file-lines\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan>docs\u002Fguides\u002Findex.md\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">---\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">title\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000FF;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#CE9178\">Anleitungen\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">cards\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000FF;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#569CD6\">true\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">---\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-2-1-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-2-1\" data-label=\"Clay 4\" hidden=\"\">\u003Cdiv class=\"code-block has-title\">\u003Cdiv class=\"code-title\">\u003Ci class=\"fa-regular fa-file-lines\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan>docs\u002Fguides\u002Findex.md\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">---\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">title\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000FF;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#CE9178\">Anleitungen\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">list\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000FF;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#569CD6\">true\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">---\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cp>Durchsuche deine Dokumentation danach, oder lass dir die Dateien vom Build auflisten:\u003C\u002Fp>\n\u003Cdiv class=\"code-block is-terminal has-bar\">\u003Cdiv class=\"code-terminal\" aria-hidden=\"true\">\u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line command\">\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">grep\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#569CD6\"> -rl\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> \"^cards:\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> docs\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> docs-archive\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003C\u002Fli>\n\u003Cli>\u003Cp>\u003Cstrong>Benenne Seiten um, die mit \u003Ccode>_\u003C\u002Fcode> beginnen\u003C\u002Fstrong>, falls es welche gibt, und die Links darauf. Finde sie mit:\u003C\u002Fp>\n\u003Cdiv class=\"code-block is-terminal has-bar\">\u003Cdiv class=\"code-terminal\" aria-hidden=\"true\">\u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line command\">\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">find\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> docs\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> docs-archive\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#569CD6\"> -name\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> \"_*\"\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003C\u002Fli>\n\u003Cli>\u003Cp>\u003Cstrong>Verschiebe ältere Versionen\u003C\u002Fstrong>, falls du \u003Ccode>docs-archive\u002F\u003C\u002Fcode> hast:\u003C\u002Fp>\n\u003Cdiv class=\"code-block is-terminal has-bar\">\u003Cdiv class=\"code-terminal\" aria-hidden=\"true\">\u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line command\">\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">npx\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> clay\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> version\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003Cp>Das verschiebt \u003Ccode>docs\u002F\u003C\u002Fcode> nach \u003Ccode>docs\u002Flatest\u002F\u003C\u002Fcode> und jedes \u003Ccode>docs-archive\u002F<name>\u002F\u003C\u002Fcode> nach \u003Ccode>docs\u002F<name>\u002F\u003C\u002Fcode>, damit alle Versionen gleich tief liegen, und gibt Pfaden, die aus \u003Ccode>docs\u002F\u003C\u002Fcode> hinausführen, ein \u003Ccode>..\u002F\u003C\u002Fcode> mehr. Es zeigt jede Änderung und fragt vorher; siehe \u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Forganizing\u002Fversions#die-erste-version\" data-route=\"\u002F4.x\u002Fde\u002Forganizing\u002Fversions#die-erste-version\">die erste Version\u003C\u002Fa>. Committe das Verschieben für sich.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\u003Cp>\u003Cstrong>Prüfe.\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cdiv class=\"code-block is-terminal has-bar\">\u003Cdiv class=\"code-terminal\" aria-hidden=\"true\">\u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line command\">\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">npx\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> clay\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> build\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#569CD6\"> --strict\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003Cp>Läuft der Build durch, ist der Umstieg geschafft.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003C\u002Fol>\n\u003C\u002Fdiv>\n\u003Ch2 id=\"was-sonst-neu-ist\">\u003Ca class=\"heading-anchor\" href=\"#was-sonst-neu-ist\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#was-sonst-neu-ist\">#\u003C\u002Fa>Was sonst neu ist\u003C\u002Fh2>\n\u003Cdiv class=\"clay-cards not-prose\">\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Ffeatures\u002Fai-and-agents\" data-route=\"\u002F4.x\u002Fde\u002Ffeatures\u002Fai-and-agents\">\u003Ci class=\"clay-card-icon fa-solid fa-robot\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">KI & Agenten\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Jede Clay-Seite ist bereit für Sprachmodelle - jede Seite als Markdown, ein Index in llms.txt - und mit clay edit und clay check ändern und prüfen KI-Agenten die Dokumentation.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Fwriting\u002Fcomponents\" data-route=\"\u002F4.x\u002Fde\u002Fwriting\u002Fcomponents\">\u003Ci class=\"clay-card-icon fa-solid fa-puzzle-piece\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Komponenten\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Tabs, Schritte, Karten, einklappbare Abschnitte, Prompts, Badges, Formeln, Diagramme und Dateibäume, geschrieben in schlichtem Markdown.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Fpublishing\u002Fbuild-checks\" data-route=\"\u002F4.x\u002Fde\u002Fpublishing\u002Fbuild-checks\">\u003Ci class=\"clay-card-icon fa-solid fa-list-check\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Build-Prüfungen\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Auch Links auf Abschnitte werden geprüft, und eine Seite, die nicht gerendert werden kann, sagt, warum.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Fwriting\u002Fsnippets-and-variables\" data-route=\"\u002F4.x\u002Fde\u002Fwriting\u002Fsnippets-and-variables\">\u003Ci class=\"clay-card-icon fa-solid fa-paste\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Snippets & Variablen\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Einen Text einmal schreiben und auf vielen Seiten nutzen, Code aus dem Projekt einbinden und Werte wie die aktuelle Version einsetzen.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Ffeatures\u002Fsearch\" data-route=\"\u002F4.x\u002Fde\u002Ffeatures\u002Fsearch\">\u003Ci class=\"clay-card-icon fa-solid fa-magnifying-glass\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Suche\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Volltextsuche über jede Seite und jeden Abschnitt, mit Tippfehlertoleranz, markierten Treffern und Tastenkürzeln.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Ffeatures\u002Fseo\" data-route=\"\u002F4.x\u002Fde\u002Ffeatures\u002Fseo\">\u003Ci class=\"clay-card-icon fa-solid fa-chart-line\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">SEO\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Jede Seite bekommt ein Bild für Link-Vorschauen, und Seiten unter einem Pfad die Adresse ihrer Sitemap.\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fdiv>\n\u003Cul>\n\u003Cli>\u003Ccode>theme\u003C\u002Fcode> in der \u003Ccode>clay.yaml\u003C\u002Fcode> setzt eigene Farben und Schriften, und \u003Ccode>analytics\u003C\u002Fcode> zählt Seitenaufrufe ohne Cookies, siehe \u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Ffeatures\u002Fthemes-and-icons#eigene-farben-und-schriften\" data-route=\"\u002F4.x\u002Fde\u002Ffeatures\u002Fthemes-and-icons#eigene-farben-und-schriften\">Designs\u003C\u002Fa> und \u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Ffeatures\u002Fanalytics\" data-route=\"\u002F4.x\u002Fde\u002Ffeatures\u002Fanalytics\">Analytics\u003C\u002Fa>.\u003C\u002Fli>\n\u003Cli>Einstellungen können in eigenen Dateien stehen, etwa \u003Ccode>variables: config\u002Fvariables.yaml\u003C\u002Fcode>, siehe \u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Fconfiguration\u002Fclay-yaml#einstellungen-in-eigenen-dateien\" data-route=\"\u002F4.x\u002Fde\u002Fconfiguration\u002Fclay-yaml#einstellungen-in-eigenen-dateien\">clay.yaml\u003C\u002Fa>.\u003C\u002Fli>\n\u003Cli>\u003Ccode>generate\u003C\u002Fcode> in der \u003Ccode>clay.yaml\u003C\u002Fcode> führt vor jedem Build Werkzeuge aus, die Seiten schreiben, etwa eine API-Referenz aus dem Code, siehe \u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Fwriting\u002Fgenerated-docs\" data-route=\"\u002F4.x\u002Fde\u002Fwriting\u002Fgenerated-docs\">generierte Dokumentation\u003C\u002Fa>.\u003C\u002Fli>\n\u003Cli>\u003Ccode>head\u003C\u002Fcode> in der \u003Ccode>clay.yaml\u003C\u002Fcode> fügt jeder Seite Skripte und Meta-Tags hinzu, siehe \u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Fconfiguration\u002Fclay-yaml#head\" data-route=\"\u002F4.x\u002Fde\u002Fconfiguration\u002Fclay-yaml#head\">clay.yaml\u003C\u002Fa>.\u003C\u002Fli>\n\u003Cli>Videos und Einbettungen von YouTube, Vimeo, Figma und mehr, siehe \u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Fwriting\u002Fhtml#videos-und-einbettungen\" data-route=\"\u002F4.x\u002Fde\u002Fwriting\u002Fhtml#videos-und-einbettungen\">HTML\u003C\u002Fa>.\u003C\u002Fli>\n\u003Cli>Alte Adressen verschobener Seiten funktionieren weiter mit \u003Ccode>redirects\u003C\u002Fcode> im Front Matter, siehe \u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Forganizing\u002Fredirects\" data-route=\"\u002F4.x\u002Fde\u002Forganizing\u002Fredirects\">Weiterleitungen\u003C\u002Fa>.\u003C\u002Fli>\n\u003Cli>Codeblöcke zeigen den Namen ihrer Datei: \u003Ccode>```yaml [clay.yaml]\u003C\u002Fcode>, siehe \u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Fwriting\u002Fcode-blocks#dateinamen\" data-route=\"\u002F4.x\u002Fde\u002Fwriting\u002Fcode-blocks#dateinamen\">Codeblöcke\u003C\u002Fa>.\u003C\u002Fli>\n\u003Cli>Auf schmaleren Bildschirmen klappt das Inhaltsverzeichnis einer Seite über ihr auf.\u003C\u002Fli>\n\u003Cli>Ein Link „Zum Inhalt springen“, ein deutlicherer Tastaturfokus und stärkere Kontraste machen die Seite mit der Tastatur besser bedienbar und leichter lesbar.\u003C\u002Fli>\n\u003Cli>Die Navigation wirkt ruhiger: Die Markierung in der Seitenleiste wandert mit, neue Brotkrumen gleiten herein und Seiten blenden ein. Ist in den Systemeinstellungen „Bewegung reduzieren“ an, bewegt sich nichts.\u003C\u002Fli>\n\u003C\u002Ful>\n",[6,10,13],{"id":7,"text":8,"level":9},"auf-einen-blick","Auf einen Blick",2,{"id":11,"text":12,"level":9},"schritte","Schritte",{"id":14,"text":15,"level":9},"was-sonst-neu-ist","Was sonst neu ist","Eine Clay-3-Seite auf Clay 4 bringen - das Front-Matter-Feld cards heißt jetzt list, Dateien mit _ am Anfang sind Snippets, und ältere Versionen ziehen nach…",null,false,"\u002F_clay\u002Fsocial\u002F4.x\u002Fde\u002Fguides\u002Fupgrading-to-clay-4.png",1792666372845]