{"id":63904,"date":"2026-08-13T10:53:14","date_gmt":"2026-08-13T10:53:14","guid":{"rendered":"https:\/\/decode.agency\/?post_type=article&#038;p=63904"},"modified":"2026-09-16T09:49:54","modified_gmt":"2026-09-16T09:49:54","slug":"ki-frontend-entwicklung","status":"publish","type":"article","link":"https:\/\/decode.agency\/de\/article\/ki-frontend-entwicklung\/","title":{"rendered":"6 M\u00f6glichkeiten, KI in der Frontend-Entwicklung einzusetzen"},"content":{"rendered":"\n<p class=\"has-gray-700-color has-text-color has-link-color has-18-font-size wp-elements-1 wp-block-paragraph\">*aktualisiert im August 2026<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die meisten Guides zum Thema \u201eKI in der Frontend-Entwicklung\u201c sind schon am Tag ihrer Ver\u00f6ffentlichung veraltet. Dieser hier war es auch, bis ich mich hingesetzt und ihn von Grund auf neu geschrieben habe. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vor zwei Jahren war der Stand der Technik Autovervollst\u00e4ndigung: GitHub Copilot hat die Zeile zu Ende geschrieben, die man selbst angefangen hatte.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Heute kann ich einen Checkout-Screen in einfachem Deutsch beschreiben und Cursor oder v0 dabei zusehen, wie sie den Gro\u00dfteil davon bauen, bevor mein Kaffee fertig ist. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dieser Wandel \u2013 vom Vorschlag zum Agenten \u2013 ist die eigentliche Geschichte, die die Frontend-Entwicklung gerade pr\u00e4gt. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wer KI-Tools immer noch danach beurteilt, was sie 2024 konnten, \u00fcbersieht, worauf es heute ankommt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wie alle bei DECODE habe ich das letzte Jahr damit verbracht, Teile meines eigenen Workflows rund um agentische Tools neu aufzubauen. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Manches ist geblieben. Manches habe ich innerhalb einer Woche wieder verworfen, weil das Ergebnis richtig aussah \u2013 es aber nicht war. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dieser Artikel zeigt, was sich 2026 wirklich lohnt: von sofortiger Personalisierung bis hin zum Aufsp\u00fcren von Bugs, bevor sie \u00fcberhaupt die QA erreichen.<\/p>\n\n\n\n<div class=\"wp-block-group has-white-color has-black-background-color has-text-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-bottom:calc(40px*var(--scale));padding-top:calc(20px*var(--scale));padding-right:calc(20px*var(--scale));padding-bottom:calc(40px*var(--scale));padding-left:calc(20px*var(--scale))\">\n<p class=\"has-36-font-size wp-block-paragraph\" style=\"padding-top:calc(20px*var(--scale));padding-left:calc(20px*var(--scale))\"><strong>Das Wichtigste in K\u00fcrze<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"padding-bottom:calc(30px*var(--scale));padding-left:calc(20px*var(--scale))\">Um echten Mehrwert aus KI in der Frontend-Entwicklung zu ziehen, sollten Sie sich auf sechs Bereiche konzentrieren:<\/p>\n\n\n\n<ul style=\"margin-bottom:calc(30px*var(--scale));padding-left:calc(20px*var(--scale))\" class=\"wp-block-list is-style-style-2\">\n<li><strong>Ganze Interfaces aus einem Prompt erzeugen:<\/strong> Agentische Tools wie Cursor, Claude Code und v0 k\u00f6nnen komplette Interfaces aus einer einzigen Anweisung bauen, bearbeiten und ausliefern \u2013 nicht nur die n\u00e4chste Codezeile vorschlagen.<\/li>\n\n\n\n<li><strong>UI-Inkonsistenzen aufsp\u00fcren:<\/strong> Figmas AI UI Consistency Checker und Chromatic erkennen die L\u00fccke zwischen dem, was Ihr Design-System vorgibt, und dem, was tats\u00e4chlich gebaut wird.<\/li>\n\n\n\n<li><strong>UX-Personalisierung in Echtzeit:<\/strong> Managed Services wie Amazon Personalize liefern Empfehlungen in Echtzeit, ohne dass ein eigenes Modell trainiert werden muss.<\/li>\n\n\n\n<li><strong>Barrierefreiheit pr\u00fcfen:<\/strong> KI kann die Barrierefreiheit sp\u00fcrbar verbessern, aber Overlay-Tools mit einem Klick bergen ein echtes rechtliches Risiko. Nutzen Sie KI stattdessen, um Ihren Quellcode direkt zu pr\u00fcfen und zu korrigieren.<\/li>\n\n\n\n<li><strong>KI-generierten Code reviewen und refactoren:<\/strong> AI-Code-Review-Tools finden die Fehler in KI-geschriebenem Code, bevor er in Produktion geht.<\/li>\n\n\n\n<li><strong>Bugs und Sicherheitsl\u00fccken vor der QA finden:<\/strong> KI-Testing-Tools wie TestSigma, CodeQL und Snyk finden Testszenarien und Schwachstellen automatisch \u2013 lange bevor ein menschlicher Tester die App \u00fcberhaupt \u00f6ffnet.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"padding-bottom:calc(30px*var(--scale));padding-left:calc(20px*var(--scale))\"><strong>Code schneller zu erzeugen ist nicht dasselbe, wie ihn schneller auszuliefern.<\/strong> Jeder Anwendungsfall auf dieser Liste braucht weiterhin dieselbe Pr\u00fcfung, die Sie dem Pull Request eines menschlichen Entwicklers geben w\u00fcrden, bevor er sicher in Produktion gemergt werden kann<\/p>\n<\/div>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/decode.agency\/de\/article\/ki-frontend-entwicklung\/#Ganze_Interfaces_aus_einem_einzigen_Prompt_erzeugen\" >Ganze Interfaces aus einem einzigen Prompt erzeugen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/decode.agency\/de\/article\/ki-frontend-entwicklung\/#UI-Inkonsistenzen_aufspueren\" >UI-Inkonsistenzen aufsp\u00fcren<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/decode.agency\/de\/article\/ki-frontend-entwicklung\/#UX-Personalisierung_in_Echtzeit\" >UX-Personalisierung in Echtzeit<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/decode.agency\/de\/article\/ki-frontend-entwicklung\/#Barrierefreiheit_mit_KI_pruefen\" >Barrierefreiheit mit KI pr\u00fcfen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/decode.agency\/de\/article\/ki-frontend-entwicklung\/#KI-generierten_Code_reviewen_und_refactoren\" >KI-generierten Code reviewen und refactoren<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/decode.agency\/de\/article\/ki-frontend-entwicklung\/#Bugs_und_Sicherheitsluecken_vor_der_QA_finden\" >Bugs und Sicherheitsl\u00fccken vor der QA finden<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/decode.agency\/de\/article\/ki-frontend-entwicklung\/#Auf_der_Suche_nach_einem_Entwicklungsteam_das_KI_nutzt_ohne_Abstriche_zu_machen\" >Auf der Suche nach einem Entwicklungsteam, das KI nutzt, ohne Abstriche zu machen?<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Ganze_Interfaces_aus_einem_einzigen_Prompt_erzeugen\"><\/span>Ganze Interfaces aus einem einzigen Prompt erzeugen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die gr\u00f6\u00dfte Ver\u00e4nderung im Frontend-Tooling sind Tools, die direkt auf Ihrem Repository, Terminal und Dateisystem arbeiten \u2013 so, wie Entwickler es tun.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sie schlagen nicht einfach eine Zeile vor, sondern planen eine Aufgabe, bearbeiten mehrere Dateien, f\u00fchren Ihre Tests aus und melden das Ergebnis zur\u00fcck.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cursor ist eine IDE, die von Grund auf um diese Idee herum gebaut wurde. Sie liest Ihre gesamte Codebase f\u00fcr den Kontext und kann \u00c4nderungen \u00fcber mehrere Dateien hinweg aus einer einzigen Anweisung vornehmen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/decode.agency\/article\/cursor-vs-claude-code\/\" target=\"_blank\" rel=\"noreferrer noopener\">Claude Code<\/a> funktioniert anders, zielt aber auf dasselbe Problem. Es ist ein terminalbasierter Agent, der eine Aufgabe planen, Code \u00fcber ein ganzes Projekt hinweg schreiben und bearbeiten, Befehle ausf\u00fchren und \u00c4nderungen committen kann. Sie genehmigen den Plan, bevor irgendetwas passiert.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dazu kommt die Kategorie Prompt-to-UI, die es in nennenswerter Form noch gar nicht gab, als wir zuletzt \u00fcber dieses Thema geschrieben haben. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/v0.app\/\" target=\"_blank\" rel=\"noreferrer noopener\">Vercels v0<\/a> verwandelt eine Textbeschreibung oder einen Screenshot in funktionierenden React- und Next.js-Code.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/framerusercontent.com\/images\/r15eSbkziqsC3DHHTBvuc3iKePg.png\" alt=\"v0\"\/><\/figure>\n\n\n\n<p class=\"has-gray-700-color has-text-color has-link-color has-18-font-size wp-elements-2 wp-block-paragraph\">Quelle: <a href=\"https:\/\/www.banani.co\/blog\/vercel-v0-ai-review\" target=\"_blank\" rel=\"noreferrer noopener\">Banani AI<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.builder.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">Builder.io <\/a>macht etwas \u00c4hnliches, allerdings design-getrieben. Es kann eine Figma-Datei in produktionsreifen Code umwandeln und sich direkt an ein CMS anbinden. <a href=\"https:\/\/bolt.new\/\" target=\"_blank\" rel=\"noopener\">Bolt<\/a> und <a href=\"https:\/\/lovable.dev\/\" target=\"_blank\" rel=\"noreferrer noopener\">Lovable<\/a> gehen noch weiter und erzeugen aus einem Briefing in einfacher Sprache eine komplette lauff\u00e4hige App \u2013 inklusive Frontend und Backend-Grundger\u00fcst.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ich habe all diese Tools ausprobiert und mich auf Claude Code eingependelt \u2013 und trotzdem lasse ich nichts unbeaufsichtigt in den Main-Branch mergen. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/stackoverflow.blog\/2025\/12\/29\/developers-remain-willing-but-reluctant-to-use-ai-the-2025-developer-survey-results-are-here\/\" target=\"_blank\" rel=\"noopener\">Das Vertrauen von Entwicklern<\/a> in die Genauigkeit von KI-Output ist im Jahresvergleich von 40 % auf 29 % gesunken \u2013 und das, obwohl die Nutzungszahlen gestiegen sind.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das deckt sich genau mit dem, was ich t\u00e4glich sehe: schnelle Ergebnisse, ungleichm\u00e4\u00dfige Qualit\u00e4t. Die Tools sind wirklich n\u00fctzlich, aber ihren Output ohne Review als fertige Arbeit zu behandeln, ist der sichere Weg, sich die Finger zu verbrennen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hier w\u00fcrde ich zu einem dieser Tools greifen:<\/p>\n\n\n\n<ul style=\"margin-bottom:calc(30px*var(--scale))\" class=\"wp-block-list is-style-style-2\">\n<li>Beim Prototyping eines neuen Features oder Screens, wenn Sie in Minuten etwas Klickbares brauchen.<\/li>\n\n\n\n<li>Beim Aufsetzen einer Seite oder Komponente aus einer Design-Datei oder einer einfachen Beschreibung dessen, was sie leisten soll.<\/li>\n\n\n\n<li>Beim Erzeugen eines ersten Entwurfs sich wiederholender UI-Patterns (User Interface) wie Formulare, Tabellen oder Modals.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Jede Zeile, die ein Agent schreibt, wird trotzdem an demselben Ma\u00dfstab gemessen, den ich an den Pull Request eines Junior-Entwicklers anlegen w\u00fcrde \u2013 dazu sp\u00e4ter mehr.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"UI-Inkonsistenzen_aufspueren\"><\/span>UI-Inkonsistenzen aufsp\u00fcren<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Design-System h\u00e4lt nur, wenn jemand es durchsetzt. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das ist ein anderes Problem als bei den agentischen Tools weiter oben. Hier geht es nicht darum, neues UI zu erzeugen, sondern die L\u00fccke zwischen Design-Spezifikation und ausgeliefertem Code zu erkennen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.figma.com\/solutions\/ai-ui-consistency-checker\/\" target=\"_blank\" rel=\"noreferrer noopener\">Figmas AI UI Consistency Checker<\/a> arbeitet auf der Design-Seite. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Er durchsucht Ihre Design-Dateien nach Inkonsistenzen bei Komponenten, Tokens, Abst\u00e4nden, Typografie und States und gleicht alles mit den etablierten Komponenten und Styles Ihres Teams ab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"814\" src=\"https:\/\/decode.agency\/wp-content\/uploads\/2024\/01\/Screenshot-2026-08-13-at-10.12.26-1440x814.png\" alt=\"Figma AI UI Consistency Checker\" class=\"wp-image-70485\" srcset=\"https:\/\/decode.agency\/wp-content\/uploads\/2024\/01\/Screenshot-2026-08-13-at-10.12.26-1440x814.png 1440w, https:\/\/decode.agency\/wp-content\/uploads\/2024\/01\/Screenshot-2026-08-13-at-10.12.26-700x396.png 700w, https:\/\/decode.agency\/wp-content\/uploads\/2024\/01\/Screenshot-2026-08-13-at-10.12.26-330x187.png 330w, https:\/\/decode.agency\/wp-content\/uploads\/2024\/01\/Screenshot-2026-08-13-at-10.12.26-455x257.png 455w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p class=\"has-gray-700-color has-text-color has-link-color has-18-font-size wp-elements-3 wp-block-paragraph\">Quelle: <a href=\"https:\/\/www.figma.com\/solutions\/ai-ui-consistency-checker\/\" target=\"_blank\" rel=\"noreferrer noopener\">Figma<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So werden Probleme markiert, bevor ein Ticket \u00fcberhaupt bei einem Entwickler landet<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.chromatic.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Chromatic<\/a> deckt die andere H\u00e4lfte des Problems ab. Es ist ein <a href=\"https:\/\/decode.agency\/article\/storybook-react-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\">in Storybook integriertes Visual-Testing-Tool<\/a>, das erkennt, wenn Ihre gebauten, ausgelieferten Komponenten vom Design-System abgewichen sind. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ich w\u00fcrde hier klar abgrenzen zum allgemeinen Visual-Regression-Testing, das ich sp\u00e4ter in diesem Artikel behandle. Applitools und \u00e4hnliche Tools fragen: \u201eIst optisch etwas kaputtgegangen?\u201c<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Figmas Checker und Chromatic stellen eine engere, spezifischere Frage: \u201eEntspricht das noch dem, was das Design vorgesehen hat?\u201c <\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:calc(30px*var(--scale));margin-bottom:calc(30px*var(--scale))\">\n<div class=\"wp-block-columns are-vertically-aligned-center stacked-sm is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:38%\">\n<figure class=\"wp-block-image size-full ratio ratio-1-1\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"853\" src=\"https:\/\/decode.agency\/wp-content\/uploads\/2023\/01\/How-to-improve-your-development-teams-productivity.png\" alt=\"\" class=\"wp-image-47209\" srcset=\"https:\/\/decode.agency\/wp-content\/uploads\/2023\/01\/How-to-improve-your-development-teams-productivity.png 1200w, https:\/\/decode.agency\/wp-content\/uploads\/2023\/01\/How-to-improve-your-development-teams-productivity-700x498.png 700w, https:\/\/decode.agency\/wp-content\/uploads\/2023\/01\/How-to-improve-your-development-teams-productivity-330x235.png 330w, https:\/\/decode.agency\/wp-content\/uploads\/2023\/01\/How-to-improve-your-development-teams-productivity-455x323.png 455w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:62%\">\n<p class=\"has-36-font-size wp-block-paragraph\"><span class=\"fw-500\">\u00dcber 100 Projekte ausgeliefert. Wir sind bereit f\u00fcr Ihres. <\/span><a href=\"https:\/\/decode.agency\/de\/kontakt\/\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"fw-500\">Let&#8217;s talk <\/span>\u2192<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-bottom:calc(20px*var(--scale))\">Sprechen Sie direkt mit unseren Technologieexperten.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Ob sich das lohnt, h\u00e4ngt vollst\u00e4ndig von der Gr\u00f6\u00dfenordnung ab. Wenn Sie eine einzelne Landingpage bauen, ist das \u00fcberdimensioniert und ich w\u00fcrde darauf verzichten. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Sie aber ein Design-System \u00fcber Dutzende Komponenten und mehrere Produkte hinweg pflegen, halte ich es f\u00fcr nahezu unverzichtbar. Bis jemand die Inkonsistenz bemerkt, hat sie sich meist schon \u00fcber ein Dutzend Screens verteilt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein paar Dinge, die ich in diesen Workflow einbauen w\u00fcrde:<\/p>\n\n\n\n<ul style=\"margin-bottom:calc(30px*var(--scale))\" class=\"wp-block-list is-style-style-2\">\n<li>F\u00fchren Sie Figmas Konsistenzpr\u00fcfung vor jeder \u00dcbergabe an die Entwicklung durch.<\/li>\n\n\n\n<li>Binden Sie Chromatic in Ihre CI-Pipeline ein, damit Abweichungen bei jedem Pull Request auffallen und nicht erst bei einem Design-Audit im Quartal<\/li>\n\n\n\n<li>Behandeln Sie jede gemeldete Inkonsistenz als Entscheidungspunkt, nicht automatisch als Rauschen. Manchmal ist der Code richtig und das Design-System ist das, was nicht mehr aktuell ist<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Inkonsistenzen fr\u00fch zu erkennen ist sehr viel g\u00fcnstiger, als sie zu beheben, wenn sie sich bereits \u00fcber ein Dutzend Screens verteilt haben und die falschen Patterns l\u00e4ngst kopiert wurden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"UX-Personalisierung_in_Echtzeit\"><\/span>UX-Personalisierung in Echtzeit<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Personalisierung geh\u00f6rt nach wie vor zu den lohnendsten KI-Anwendungen in der Frontend-Entwicklung. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Und das Beste daran? Sie brauchen kein eigens trainiertes Modell, um den gr\u00f6\u00dften Teil dieses Werts zu heben.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nehmen wir <a href=\"https:\/\/aws.amazon.com\/personalize\/\" target=\"_blank\" rel=\"noreferrer noopener\">Amazon Personalize<\/a>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/docs.aws.amazon.com\/images\/personalize\/latest\/dg\/images\/how-it-works.png\" alt=\"Amazon Personalize how it works\"\/><\/figure>\n\n\n\n<p class=\"has-gray-700-color has-text-color has-link-color has-18-font-size wp-elements-4 wp-block-paragraph\">Quelle: <a href=\"https:\/\/docs.aws.amazon.com\/personalize\/latest\/dg\/how-it-works.html\" target=\"_blank\" rel=\"noopener\">AWS Documentation<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Amazon Personalize ist ein Managed-Recommender-Service, der Nutzerverhalten analysiert und Empfehlungen in Echtzeit \u00fcber eine API zur\u00fcckgibt \u2013 die Ihr Frontend genauso aufruft wie jeden anderen Backend-Service. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Machine-Learning-Erfahrung ist daf\u00fcr nicht n\u00f6tig.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Der Nutzen ist real. <a href=\"https:\/\/www.attentive.com\/blog\/2026-personalization-trends\" target=\"_blank\" rel=\"noreferrer noopener\">93 % der K\u00e4ufer<\/a> geben an, dass sie einer Marke, die ihr Erlebnis gut personalisiert, wahrscheinlich treu bleiben. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine Variante davon haben wir aus erster Hand beim Aufbau einer <a href=\"https:\/\/decode.agency\/de\/case-study\/supplentia\/\" target=\"_blank\" rel=\"noreferrer noopener\">KI-Gesundheitsplattform f\u00fcr Supplentia<\/a> erlebt. Personalisierte Nahrungserg\u00e4nzungspl\u00e4ne und strukturierte Assessments waren dort das Produkt selbst, nicht blo\u00df ein nettes Zusatzfeature.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ich w\u00fcrde auf ein eigenes Modell verzichten, sofern Personalisierung nicht wirklich der Kern dessen ist, was Sie verkaufen. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr die meisten Produkte liefert ein vortrainierter Service den Gro\u00dfteil des Nutzens zu einem Bruchteil der Entwicklungskosten \u2013 und Sie k\u00f6nnen jederzeit auf eine eigene L\u00f6sung wechseln, wenn es n\u00f6tig wird.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein paar Dinge, die Sie von Anfang an richtig machen sollten:<\/p>\n\n\n\n<ul style=\"margin-bottom:calc(30px*var(--scale))\" class=\"wp-block-list is-style-style-2\">\n<li>Beginnen Sie mit einem Managed Model. Vortrainierte Services erm\u00f6glichen Personalisierung in Echtzeit, ohne ein KI-Modell von Grund auf zu bauen.<\/li>\n\n\n\n<li>F\u00fcttern Sie es mit sauberen Daten. Personalisierung ist nur so gut wie die Nutzerdaten dahinter \u2013 sorgen Sie also f\u00fcr Datenqualit\u00e4t, bevor Sie das Modell optimieren.<\/li>\n\n\n\n<li>Trainieren Sie regelm\u00e4\u00dfig nach. Nutzerverhalten ver\u00e4ndert sich, und ein Modell, das nicht mit neuen Daten aufgefrischt wird, wird mit der Zeit schlechter.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Gut gemachte Personalisierung f\u00fchlt sich f\u00fcr den Nutzer unsichtbar an. Genau das ist das Ziel: ein Erlebnis, das einfach passt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Barrierefreiheit_mit_KI_pruefen\"><\/span>Barrierefreiheit mit KI pr\u00fcfen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">KI kann die Barrierefreiheit sp\u00fcrbar verbessern \u2013 richtig eingesetzt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Es steht viel auf dem Spiel. Sch\u00e4tzungsweise <a href=\"https:\/\/www.who.int\/news-room\/fact-sheets\/detail\/disability-and-health\" target=\"_blank\" rel=\"noreferrer noopener\">1,3 Milliarden Menschen<\/a>, 16 % der Weltbev\u00f6lkerung, leben mit einer erheblichen Behinderung.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein barrierefreies Frontend beginnt damit, die <a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\" target=\"_blank\" rel=\"noopener\">Web Content Accessibility Guidelines (WCAG)<\/a> einzuhalten. KI-Tools k\u00f6nnen hier enorm helfen \u2013 durch Sprachschnittstellen, Echtzeit\u00fcbersetzung und Bildbeschreibungen f\u00fcr Screenreader.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eines sollten Sie dabei aber im Hinterkopf behalten: Overlay-Tools wie UserWay versprechen sofortige WCAG-Konformit\u00e4t, indem sie ein Skript \u00fcber Ihre bestehende Website legen. Eine verlockende Abk\u00fcrzung. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sie hat 2025 und 2026 allerdings auch zu einer ganzen Reihe von <a href=\"https:\/\/www.lflegal.com\/2025\/02\/userway-overlay-lawsuit\/\" target=\"_blank\" rel=\"noreferrer noopener\">Klagen rund um Overlays<\/a> gef\u00fchrt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Overlays flicken die Oberfl\u00e4che, ohne das darunterliegende Markup zu reparieren \u2013 und Gerichte sehen das zunehmend als nicht ausreichend an. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nutzen Sie KI f\u00fcr das, was sie hier gut kann: <strong>Ihr UI auf Barrierefreiheitsprobleme scannen <\/strong>und<strong> markieren, wo Ihr Code hinter den WCAG zur\u00fcckbleibt.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ich w\u00fcrde kein Overlay als einzige Ma\u00dfnahme f\u00fcr Barrierefreiheit ausliefern und w\u00fcrde entschieden widersprechen, wenn ein Kunde mich darum b\u00e4te. Es ist ein echtes Reputations- und Rechtsrisiko, das als Abk\u00fcrzung daherkommt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Was ich priorisieren w\u00fcrde:<\/p>\n\n\n\n<ul style=\"margin-bottom:calc(30px*var(--scale))\" class=\"wp-block-list is-style-style-2\">\n<li>F\u00fchren Sie KI-gest\u00fctzte Audits fr\u00fch und regelm\u00e4\u00dfig durch.<\/li>\n\n\n\n<li>Beheben Sie Probleme direkt im Quellcode und Markup.<\/li>\n\n\n\n<li>Testen Sie mit echter assistiver Technologie und echten Nutzern. Verlassen Sie sich nicht allein auf automatisierte Scans.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Barrierefreiheit, die direkt im Code verankert ist, h\u00e4lt einer Pr\u00fcfung stand. Barrierefreiheit, die per Skript aufgesetzt wird, nicht.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"KI-generierten_Code_reviewen_und_refactoren\"><\/span>KI-generierten Code reviewen und refactoren<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Der Engpass in der KI-gest\u00fctzten Frontend-Arbeit hat sich verschoben. Heute ist das Code Review der gr\u00f6\u00dfere Engpass.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Code zu erzeugen ist schnell und g\u00fcnstig geworden. Zu wissen, ob dieser Code sicher ausgeliefert werden kann, ist jetzt das schwierigere und wertvollere Problem. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Genau daf\u00fcr gibt es spezialisierte AI-Code-Review-Tools.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mein Kollege Vlado, Engineering Manager hier bei DECODE, hat sich genau diese Kategorie intensiv angesehen \u2013 und das ist eine bessere \u00dcbersicht, als ich sie in ein paar Abs\u00e4tzen unterbringen k\u00f6nnte: <a href=\"https:\/\/decode.agency\/article\/ai-code-review-tools\/\" target=\"_blank\" rel=\"noreferrer noopener\">AI code review tools<\/a>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hier sind laut seiner Recherche 6 Tools, die man kennen sollte:<\/p>\n\n\n\n<ul style=\"margin-bottom:calc(30px*var(--scale))\" class=\"wp-block-list is-style-style-2\">\n<li><strong>CodeRabbit<\/strong> \u2014 Das am gezieltesten entwickelte Tool der Gruppe, speziell f\u00fcr das Review von Pull Requests gemacht.<\/li>\n\n\n\n<li><strong>GitHub Copilot code review<\/strong> \u2014 Die Option ohne Einrichtungsaufwand, wenn Sie ohnehin f\u00fcr Copilot zahlen, denn es ist im Abo enthalten.<\/li>\n\n\n\n<li><strong>Qodo Merge<\/strong> \u2014 Reviewt \u00fcber vier spezialisierte Agenten, die parallel arbeiten: Bug-Erkennung, Sicherheitsanalyse, Codequalit\u00e4t und Testabdeckung.<\/li>\n\n\n\n<li><strong>Greptile<\/strong> \u2014 Verfolgt einen Graph-Indexing-Ansatz, um Ihre Codebase zu verstehen, und lernt mit der Zeit aus der Review-Historie Ihres Teams.<\/li>\n\n\n\n<li><strong>SonarQube<\/strong> \u2014 Das etablierte Tool f\u00fcr statische Analyse, jetzt erg\u00e4nzt um eine KI-CodeFix-Engine zus\u00e4tzlich zum bestehenden Security-Scanning.<\/li>\n\n\n\n<li><strong>Ellipsis<\/strong> \u2014 Konzentriert sich auf eine Aufgabe: Bugs finden und direkt beheben, statt sie nur f\u00fcr einen Menschen zu markieren.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Diese Tools finden echte Probleme. <a href=\"https:\/\/github.blog\/ai-and-ml\/github-copilot\/60-million-copilot-code-reviews-and-counting\/\" target=\"_blank\" rel=\"noreferrer noopener\">GitHubs eigene Daten aus 2026<\/a> beziffern den Anteil der Copilot-Code-Reviews mit wirklich umsetzbarem Feedback auf 71 %.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In der Praxis sind sie allerdings lauter, als diese Zahl vermuten l\u00e4sst. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/graphite.dev\/guides\/ai-code-review-false-positives\" target=\"_blank\" rel=\"noopener\">Die Untersuchung von Graphite<\/a> ergab \u00fcber alle Tools hinweg False-Positive-Raten von 5 bis 15 %, wobei rund 40 % der ausgel\u00f6sten Meldungen von den Teams ignoriert werden. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine Ignorierrate von fast der H\u00e4lfte ist kein Grund, AI-Review-Tools fallenzulassen. Sie ist ein Zeichen daf\u00fcr, dass sie nicht gut konfiguriert sind. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein paar Dinge, die ich bedenken w\u00fcrde, bevor Sie sich f\u00fcr eines entscheiden:<\/p>\n\n\n\n<ul style=\"margin-bottom:calc(30px*var(--scale))\" class=\"wp-block-list is-style-style-2\">\n<li>W\u00e4hlen Sie das Tool passend zur Arbeitsweise Ihres Teams. Copilot Review, wenn Sie ohnehin f\u00fcr Copilot zahlen, oder ein dediziertes Tool wie CodeRabbit, wenn Sie das Review lieber getrennt von Ihrer Entwicklungsumgebung halten.<\/li>\n\n\n\n<li>Setzen Sie es zun\u00e4chst in einem Repository ein, bevor Sie es \u00fcberall ausrollen \u2013 so lernen Sie, wo es treffsicher ist und wo nicht, bevor es jeden Pull Request im Unternehmen reviewt.<\/li>\n\n\n\n<li>Behandeln Sie seine Kommentare als ersten Durchgang, nicht als endg\u00fcltiges Urteil \u2013 besonders bei allem Architektonischen. Diese Einsch\u00e4tzung sollte weiterhin bei Ihnen liegen.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Diese Tools sind gut darin geworden, zu finden, was an Ihrem Code mechanisch falsch ist: uneinheitliche Benennungen, fehlende Testabdeckung, ein Edge Case, an den niemand gedacht hat. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Zu entscheiden, ob der zugrunde liegende Ansatz \u00fcberhaupt der richtige ist, bleibt Ihre Aufgabe \u2013 und kein Tool auf dieser Liste kann sie Ihnen abnehmen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Bugs_und_Sicherheitsluecken_vor_der_QA_finden\"><\/span>Bugs und Sicherheitsl\u00fccken vor der QA finden<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Der g\u00fcnstigste Bug ist der, den niemand manuell finden muss. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">KI-Testing-Tools k\u00f6nnen Testszenarien identifizieren, Skripte schreiben und sie rund um die Uhr ausf\u00fchren \u2013 und Probleme so lange vor dem ersten menschlichen Tester aufdecken.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/testsigma.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">TestSigma<\/a> ist eine solide Wahl f\u00fcr KI-generierte und -gepflegte Testskripte \u00fcber Unit-, Integrations- und Regressionstests hinweg. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/applitools.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Applitools<\/a> ist auf visuelles Testing spezialisiert und findet UI-Regressionen, die klassische funktionale Tests komplett \u00fcbersehen \u2013 etwa einen Button, der technisch noch funktioniert, aber unbemerkt drei Pixel nach links gerutscht ist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr die Sicherheit scannen <a href=\"https:\/\/codeql.github.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">CodeQL<\/a> und <a href=\"https:\/\/snyk.io\/\" target=\"_blank\" rel=\"noopener\">Snyk<\/a> Ihre Codebase auf Schwachstellen, lange bevor sie die Qualit\u00e4tssicherung (QA) erreicht.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ich binde diese Tools ab Tag eins eines Projekts ein. Testabdeckung nachtr\u00e4glich in ein ausgeliefertes Feature einzubauen kostet immer mehr, als sie von Anfang an mitzudenken \u2013 und ich habe noch nie erlebt, dass es andersherum aufgeht.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein paar Gewohnheiten, die sich lohnen:<\/p>\n\n\n\n<ul style=\"margin-bottom:calc(30px*var(--scale))\" class=\"wp-block-list is-style-style-2\">\n<li>Lassen Sie KI historische Testdaten analysieren, um redundante Testf\u00e4lle auszusortieren.<\/li>\n\n\n\n<li>Erg\u00e4nzen Sie funktionale Tests um visuelles Testing, um zu finden, was ein bestandener Test trotzdem \u00fcbersieht.<\/li>\n\n\n\n<li>Bauen Sie Testabdeckung von Projektbeginn an ein und planen Sie sie von Anfang an mit.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Automatisiertes Testing findet nicht alles. Es findet aber die Bugs, die langweilig, repetitiv und vollst\u00e4ndig vermeidbar sind \u2013 und das sind die meisten.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Auf_der_Suche_nach_einem_Entwicklungsteam_das_KI_nutzt_ohne_Abstriche_zu_machen\"><\/span>Auf der Suche nach einem Entwicklungsteam, das KI nutzt, ohne Abstriche zu machen?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Sie bis hierher gelesen haben, haben Sie einige dieser Tools vermutlich selbst schon ausprobiert \u2013 und vermutlich auch gesehen, wie schnell selbstbewusst wirkender KI-Output im Chaos endet, wenn niemand hinschaut. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dieses Gef\u00fchl t\u00e4uscht nicht. Genau deshalb gehen wir bei DECODE bewusst damit um, wie wir KI einsetzen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wir sind keine Vibe Coder und wollen es auch nicht sein. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unsere Entwickler nutzen agentische Tools wie Cursor und Claude Code genau so, wie ich es oben beschrieben habe: um repetitive Arbeit zu beschleunigen, niemals als Ersatz f\u00fcr technisches Urteilsverm\u00f6gen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Jeder Seniorentwickler in unserem Team pr\u00fcft KI-generierten Code mit derselben Sorgfalt, die er dem Pull Request eines Kollegen widmen w\u00fcrde. Genau dieser Teil der Arbeit entscheidet dar\u00fcber, ob ein Produkt in Produktion tats\u00e4chlich standh\u00e4lt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mit diesem Ansatz haben wir KI-gest\u00fctzte Plattformen wie die f\u00fcr Supplentia entwickelt, bei der Personalisierung und strukturierte, KI-unterst\u00fctzte Workflows im Produktivbetrieb bestehen mussten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Sie ein Produkt brauchen, das von Tag eins an standh\u00e4lt, ist das genau die Art von Arbeit, die wir bei DECODE machen. Melden Sie sich gerne bei uns, dann vereinbaren wir ein kurzes Gespr\u00e4ch, um zu sehen, wie wir das umsetzen k\u00f6nnen.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\" style=\"margin-top:calc(30px*var(--scale))\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons alignfull is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-align-center wp-element-button\" href=\"https:\/\/decode.agency\/de\/kontakt\/\" target=\"_blank\" rel=\"noreferrer noopener\">Kontakt aufnehmen<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>6 aktuelle Wege, KI in der Frontend-Entwicklung zu nutzen \u2013 von agentischen Tools \u00fcber Design-System-Checks bis zu AI Code Review, und was DECODEs Entwickler einsetzen.<\/p>\n","protected":false},"featured_media":70494,"template":"","tags":[229,231],"article_category":[160],"class_list":["post-63904","article","type-article","status-publish","has-post-thumbnail","hentry","tag-app-development","tag-web-development","article_category-development-de"],"acf":[],"cmb2":{"custom_author_metabox":{"custom_author1_id":"43004","custom_author2_id":"","custom_author3_id":""},"pages_metabox":{"page_footer_cta":"cta3"},"feature_metabox":{"featured_blog_post":""},"related_article_metabox":{"related_article_id_1":"62146","related_article_id_2":"60473","related_article_id_3":"60403"}},"_links":{"self":[{"href":"https:\/\/decode.agency\/de\/wp-json\/wp\/v2\/article\/63904","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/decode.agency\/de\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/decode.agency\/de\/wp-json\/wp\/v2\/types\/article"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/decode.agency\/de\/wp-json\/wp\/v2\/media\/70494"}],"wp:attachment":[{"href":"https:\/\/decode.agency\/de\/wp-json\/wp\/v2\/media?parent=63904"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/decode.agency\/de\/wp-json\/wp\/v2\/tags?post=63904"},{"taxonomy":"article_category","embeddable":true,"href":"https:\/\/decode.agency\/de\/wp-json\/wp\/v2\/article_category?post=63904"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}