[{"data":1,"prerenderedAt":20},["ShallowReactive",2],{"clay-page:\u002Fde\u002Fwriting":3},{"html":4,"toc":5,"description":16,"hero":17,"list":18,"socialImage":19},"\u003Ch1 id=\"schreiben\">Schreiben\u003C\u002Fh1>\n\u003Cp>Jede Seite ist eine Markdown-Datei in \u003Ccode>docs\u002F\u003C\u002Fcode>, geschrieben in \u003Cstrong>Clay Flavored Markdown\u003C\u002Fstrong> (CFM): dem Markdown, das du von GitHub kennst, plus Syntaxhervorhebung, Hinweisen und Komponenten. Clay prüft bei jedem Build deine Links.\u003C\u002Fp>\n\u003Cdiv class=\"clay-cards not-prose\">\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fpages\" data-route=\"\u002Fde\u002Fwriting\u002Fpages\">\u003Ci class=\"clay-card-icon fa-solid fa-file-lines\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Seiten\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Wie aus Markdown-Dateien Seiten werden, woher Seiten ihre Titel bekommen und welche Front-Matter-Felder Clay liest.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fmarkdown\" data-route=\"\u002Fde\u002Fwriting\u002Fmarkdown\">\u003Ci class=\"clay-card-icon fa-brands fa-markdown\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Markdown\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Clay Flavored Markdown - GitHubs Markdown plus Hinweise, Komponenten, Formeln und Diagramme - von Überschriften und Listen bis zu Tabellen und Aufgabenlisten, mit Beispielen.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fcode-blocks\" data-route=\"\u002Fde\u002Fwriting\u002Fcode-blocks\">\u003Ci class=\"clay-card-icon fa-solid fa-code\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Codeblöcke\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Syntaxhervorhebung für über 200 Sprachen, Dateinamen, hervorgehobene Zeilen, Diffs, Fokus und ein Kopierknopf.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Falerts\" data-route=\"\u002Fde\u002Fwriting\u002Falerts\">\u003Ci class=\"clay-card-icon fa-solid fa-circle-exclamation\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Hinweise\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Sechs Arten von Hinweiskästen für Notizen, Tipps und Warnungen, geschrieben mit der Hinweis-Syntax von GitHub.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fcomponents\" data-route=\"\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\u002Fde\u002Fwriting\u002Flinks-and-images\" data-route=\"\u002Fde\u002Fwriting\u002Flinks-and-images\">\u003Ci class=\"clay-card-icon fa-solid fa-link\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Links & Bilder\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Zwischen Seiten verlinken wie auf GitHub, auf Abschnitte verlinken, Bilder einfügen und Downloads anbieten.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fhtml\" data-route=\"\u002Fde\u002Fwriting\u002Fhtml\">\u003Ci class=\"clay-card-icon fa-brands fa-html5\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">HTML\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">HTML in Markdown nutzen, Videos und Einbettungen, und was Clay entfernt, um deine Seite sicher zu halten.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fsnippets-and-variables\" data-route=\"\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\u002Fde\u002Fwriting\u002Fgenerated-docs\" data-route=\"\u002Fde\u002Fwriting\u002Fgenerated-docs\">\u003Ci class=\"clay-card-icon fa-solid fa-gears\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Generierte Dokumentation\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">API-Referenz aus dem Code und andere Seiten, die Werkzeuge schreiben, vor jedem Build erzeugt.\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fdiv>\n\u003Ch2 id=\"eine-seite-auf-einen-blick\">\u003Ca class=\"heading-anchor\" href=\"#eine-seite-auf-einen-blick\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#eine-seite-auf-einen-blick\">#\u003C\u002Fa>Eine Seite auf einen Blick\u003C\u002Fh2>\n\u003Cp>Eine Datei, vom Front Matter bis zu den Komponenten:\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-1-0\" class=\"tab tab-active\" aria-controls=\"clay-tabs-1-0-panel\" aria-selected=\"true\" tabindex=\"0\">Ergebnis\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\">Markdown\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=\"Ergebnis\">\u003Cp>\u003Cstrong>Einrichtung\u003C\u002Fstrong> ist der Titel der Seite in der Seitenleiste; ihr Text beginnt so:\u003C\u002Fp>\n\u003Cdiv class=\"markdown-alert markdown-alert-tip\">\n\u003Cp class=\"markdown-alert-title text-primary\">\u003Ci class=\"fa-solid fa-lightbulb mr-2\">\u003C\u002Fi>Tipp\u003C\u002Fp>\n\u003Cp>Schon installiert? Spring zur \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fconfiguration\u002Fclay-yaml\" data-route=\"\u002Fde\u002Fconfiguration\u002Fclay-yaml\">Konfiguration\u003C\u002Fa>.\u003C\u002Fp>\n\u003C\u002Fdiv>\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-2-0\" class=\"tab tab-active\" aria-controls=\"clay-tabs-2-0-panel\" aria-selected=\"true\" tabindex=\"0\">npm\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\">pnpm\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=\"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\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=\"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\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\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-1-1-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-1-1\" data-label=\"Markdown\" hidden=\"\">\u003Cdiv class=\"code-block\">\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\">Einrichtung\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">icon\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000FF;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#CE9178\">fa-solid fa-wrench\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">description\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000FF;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#CE9178\">Das Projekt in fünf Minuten installieren und konfigurieren.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">---\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-light-font-weight:bold;--shiki-dark:#569CD6;--shiki-dark-font-weight:bold\"># Das Projekt einrichten\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#0451A5;--shiki-dark:#6A9955\">>\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> [\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">!TIP\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#0451A5;--shiki-dark:#6A9955\">>\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> Schon installiert? Spring zur [\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">Konfiguration\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">](\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-light-text-decoration:underline;--shiki-dark:#D4D4D4;--shiki-dark-text-decoration:underline\">..\u002Fconfiguration\u002Fclay-yaml.md\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">).\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">::: code-group\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">```bash [npm]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\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\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">```\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">```bash [pnpm]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\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\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">```\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\u003Ch2 id=\"was-wann-passt\">\u003Ca class=\"heading-anchor\" href=\"#was-wann-passt\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#was-wann-passt\">#\u003C\u002Fa>Was wann passt\u003C\u002Fh2>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Du willst …\u003C\u002Fth>\n\u003Cth>Nimm\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\u003Ctr>\n\u003Ctd>Einen Befehl oder eine Datei zeigen\u003C\u002Ftd>\n\u003Ctd>einen \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fcode-blocks\" data-route=\"\u002Fde\u002Fwriting\u002Fcode-blocks\">Codeblock\u003C\u002Fa>, mit Dateinamen, markierten Zeilen oder einem Diff\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Dasselbe für npm, pnpm und yarn zeigen, oder für jedes System\u003C\u002Ftd>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fcomponents\u002Ftabs\" data-route=\"\u002Fde\u002Fwriting\u002Fcomponents\u002Ftabs\">Tabs oder eine Codegruppe\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Leser der Reihe nach durch etwas führen\u003C\u002Ftd>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fcomponents\u002Fsteps\" data-route=\"\u002Fde\u002Fwriting\u002Fcomponents\u002Fsteps\">Schritte\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Auf einen Tipp, eine Warnung oder ein Risiko hinweisen\u003C\u002Ftd>\n\u003Ctd>einen \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Falerts\" data-route=\"\u002Fde\u002Fwriting\u002Falerts\">Hinweis\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Verbergen, was nur manche Leser brauchen\u003C\u002Ftd>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fcomponents\u002Fdetails\" data-route=\"\u002Fde\u002Fwriting\u002Fcomponents\u002Fdetails\">Details\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Leser zu anderen Seiten führen\u003C\u002Ftd>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fcomponents\u002Fcards\" data-route=\"\u002Fde\u002Fwriting\u002Fcomponents\u002Fcards\">Karten\u003C\u002Fa> oder \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Flinks-and-images\" data-route=\"\u002Fde\u002Fwriting\u002Flinks-and-images\">Links\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Erklären, wie Teile zusammenpassen\u003C\u002Ftd>\n\u003Ctd>ein \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fcomponents\u002Fdiagrams\" data-route=\"\u002Fde\u002Fwriting\u002Fcomponents\u002Fdiagrams\">Diagramm\u003C\u002Fa> oder einen \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fcomponents\u002Ffile-trees\" data-route=\"\u002Fde\u002Fwriting\u002Fcomponents\u002Ffile-trees\">Dateibaum\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Vorschlagen, was man einen KI-Assistenten oder Agenten fragt\u003C\u002Ftd>\n\u003Ctd>einen \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fcomponents\u002Fprompts\" data-route=\"\u002Fde\u002Fwriting\u002Fcomponents\u002Fprompts\">Prompt\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Etwas als neu oder veraltet markieren\u003C\u002Ftd>\n\u003Ctd>einen \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fcomponents\u002Fbadges\" data-route=\"\u002Fde\u002Fwriting\u002Fcomponents\u002Fbadges\">Badge\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\u003C\u002Ftable>\n\u003Ch2 id=\"das-wichtigste\">\u003Ca class=\"heading-anchor\" href=\"#das-wichtigste\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#das-wichtigste\">#\u003C\u002Fa>Das Wichtigste\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>\u003Cstrong>Eine Datei, eine Seite.\u003C\u002Fstrong> Aus \u003Ccode>docs\u002Fguides\u002Fsetup.md\u003C\u002Fcode> wird \u003Ccode>\u002Fguides\u002Fsetup\u003C\u002Fcode>.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Links funktionieren wie auf GitHub.\u003C\u002Fstrong> Verlinke die \u003Ccode>.md\u003C\u002Fcode>-Datei; Clay macht daraus die URL der Seite und meldet Links, die ins Leere führen.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Dateien neben deinen Seiten werden veröffentlicht.\u003C\u002Fstrong> Bilder und Downloads in \u003Ccode>docs\u002F\u003C\u002Fcode> behalten ihre relativen Pfade.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Schlichter Text bleibt schlicht.\u003C\u002Fstrong> Auch Komponenten sind Text, jede Seite liest sich also gut im Editor und auf GitHub.\u003C\u002Fli>\n\u003C\u002Ful>\n",[6,10,13],{"id":7,"text":8,"level":9},"eine-seite-auf-einen-blick","Eine Seite auf einen Blick",2,{"id":11,"text":12,"level":9},"was-wann-passt","Was wann passt",{"id":14,"text":15,"level":9},"das-wichtigste","Das Wichtigste","Alles rund um den Inhalt einer Seite, von Markdown und Codeblöcken bis zu Komponenten, Links und Bildern.",null,false,"\u002F_clay\u002Fsocial\u002Fde\u002Fwriting.png",1792666370844]