{"id":389,"date":"2026-11-05T12:18:34","date_gmt":"2026-11-05T11:18:34","guid":{"rendered":"https:\/\/chatai2026.com\/?page_id=389"},"modified":"2026-11-05T12:53:44","modified_gmt":"2026-11-05T11:53:44","slug":"plugins","status":"publish","type":"page","link":"https:\/\/chatai2026.com\/en\/plugins\/","title":{"rendered":"Plugins"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n.aicatalog{\n    --panel:#0d1d38;\n    --line:rgba(105,158,255,.24);\n    --text:#f7f9ff;\n    --muted:#bdc9db;\n    --blue:#3676ff;\n    --blue2:#70b5ff;\n    --green:#43d982;\n    --purple:#a96cff;\n    max-width:1180px;\n    margin:0 auto;\n    padding:30px 18px 70px;\n    color:var(--text);\n    font-family:inherit;\n}\n.aicatalog *{box-sizing:border-box}\n.aicatalog a{text-decoration:none}\n.aic-panel{\n    background:linear-gradient(145deg,rgba(17,38,72,.99),rgba(8,22,43,.99));\n    border:1px solid var(--line);\n    border-radius:20px;\n    box-shadow:0 18px 45px rgba(0,0,0,.25);\n}\n.aic-kicker{\n    color:var(--blue2);\n    font-size:13px;\n    font-weight:800;\n    text-transform:uppercase;\n    letter-spacing:.07em;\n    margin-bottom:12px;\n}\n.aic-hero{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:30px;\n    align-items:center;\n    padding:34px;\n    margin-bottom:18px;\n}\n.aic-hero h1{\n    margin:0 0 18px!important;\n    color:#fff!important;\n    font-size:clamp(36px,5vw,60px);\n    line-height:1.05;\n}\n.aic-hero p{\n    color:var(--muted);\n    font-size:18px;\n    line-height:1.65;\n    margin:0;\n}\n.aic-hero-images{\n    display:grid;\n    grid-template-columns:1.12fr .88fr;\n    gap:10px;\n}\n.aic-imgbox{\n    height:295px;\n    overflow:hidden;\n    border-radius:14px;\n    border:1px solid rgba(113,172,255,.22);\n}\n.aic-imgbox img{\n    display:block;\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    object-position:left top;\n}\n.aic-products{\n    display:grid;\n    gap:14px;\n    margin-bottom:18px;\n}\n.aic-product{\n    display:grid;\n    grid-template-columns:270px 1fr 195px;\n    gap:25px;\n    align-items:center;\n    padding:18px;\n}\n.aic-product-image{\n    height:155px;\n    overflow:hidden;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    border-radius:14px;\n    border:1px solid rgba(113,172,255,.20);\n    background:#08182c;\n}\n.aic-product-image img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    object-position:left center;\n}\n.aic-product-vs{\n    background:radial-gradient(circle,rgba(173,102,255,.2),transparent 65%),#171525;\n}\n.aic-vs-symbol{\n    color:var(--purple);\n    font-size:56px;\n    font-weight:900;\n}\n.aic-product-bundle-image{\n    background:radial-gradient(circle,rgba(67,135,255,.22),transparent 65%),#10233f;\n}\n.aic-bundle-icon{\n    width:85px;\n    height:85px;\n    color:#7bb7ff;\n}\n.aic-bundle-icon svg{width:100%;height:100%}\n.aic-product h2{\n    margin:0 0 8px!important;\n    color:#fff!important;\n    font-size:25px;\n}\n.aic-product p{\n    margin:0 0 12px;\n    color:var(--muted);\n    line-height:1.55;\n}\n.aic-checks{\n    display:grid;\n    gap:7px;\n    color:#d8e1ef;\n    font-size:14px;\n}\n.aic-checks div::before{\n    content:\"\u2713\";\n    color:var(--green);\n    font-weight:900;\n    margin-right:9px;\n}\n.aic-product-action{\n    display:grid;\n    gap:10px;\n    padding-left:20px;\n    border-left:1px solid var(--line);\n}\n.aic-tag{\n    padding:9px 10px;\n    border-radius:9px;\n    background:rgba(65,126,221,.13);\n    border:1px solid rgba(104,158,255,.20);\n    color:#e0eaff;\n    text-align:center;\n    font-size:13px;\n    font-weight:700;\n}\n.aic-button{\n    display:flex;\n    min-height:52px;\n    align-items:center;\n    justify-content:space-between;\n    gap:14px;\n    padding:10px 14px 10px 18px;\n    border-radius:10px;\n    background:linear-gradient(135deg,#287cff,#4567f5);\n    color:#fff!important;\n    font-weight:800;\n}\n.aic-arrow{\n    width:27px;\n    height:27px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    border-radius:50%;\n    background:rgba(255,255,255,.14);\n}\n.aic-arrow svg{\n    width:15px;\n    height:15px;\n    stroke:#fff;\n}\n.aic-product-bundle{\n    border-color:rgba(50,141,255,.9);\n}\n.aic-compare{\n    padding:28px;\n    margin-bottom:18px;\n}\n.aic-compare h2{\n    color:#fff!important;\n    margin:0 0 6px!important;\n    font-size:28px;\n}\n.aic-compare>p{\n    color:var(--muted);\n    margin:0 0 20px;\n}\n.aic-table-scroll{overflow-x:auto}\n.aic-compare table{\n    width:100%;\n    min-width:760px;\n    border-collapse:collapse;\n}\n.aic-compare th,.aic-compare td{\n    padding:13px 14px;\n    border:1px solid rgba(104,158,255,.15);\n    text-align:left;\n}\n.aic-compare th{\n    color:#fff;\n    background:#183963;\n}\n.aic-compare td{\n    color:#d3dceb;\n    background:rgba(255,255,255,.018);\n}\n.aic-supported{\n    color:var(--green);\n    font-weight:800;\n}\n.aic-benefits{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:14px;\n}\n.aic-benefit{padding:24px}\n.aic-benefit h3{\n    color:#fff!important;\n    margin:0 0 9px!important;\n}\n.aic-benefit p{\n    margin:0;\n    color:var(--muted);\n    line-height:1.55;\n}\n\n\/* LIGHTBOX *\/\n.aic-lightbox-trigger{\n    display:block;\n    width:100%;\n    height:100%;\n    position:relative;\n    cursor:zoom-in;\n}\n.aic-lightbox-trigger::after{\n    content:\"\u26f6\";\n    position:absolute;\n    right:12px;\n    bottom:12px;\n    width:40px;\n    height:40px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    border-radius:9px;\n    color:#fff;\n    background:rgba(5,13,25,.82);\n    border:1px solid rgba(120,181,255,.45);\n    opacity:0;\n    transition:.2s;\n}\n.aic-lightbox-trigger:hover::after{opacity:1}\n.aic-lightbox{\n    display:none;\n    position:fixed;\n    inset:0;\n    z-index:999999;\n    padding:30px;\n    align-items:center;\n    justify-content:center;\n    background:rgba(0,0,0,.93);\n    backdrop-filter:blur(5px);\n}\n.aic-lightbox.is-open{display:flex}\n.aic-lightbox img{\n    max-width:95vw;\n    max-height:90vh;\n    width:auto;\n    height:auto;\n    border-radius:10px;\n}\n.aic-lightbox-close{\n    position:fixed;\n    right:25px;\n    top:20px;\n    width:48px;\n    height:48px;\n    border-radius:50%;\n    border:1px solid rgba(255,255,255,.25);\n    color:#fff;\n    background:#132238;\n    font-size:30px;\n    cursor:pointer;\n}\n@media(max-width:900px){\n    .aic-hero,.aic-product{grid-template-columns:1fr}\n    .aic-product-action{\n        border-left:0;\n        border-top:1px solid var(--line);\n        padding:16px 0 0;\n    }\n    .aic-benefits{grid-template-columns:1fr}\n}\n@media(max-width:600px){\n    .aic-hero{padding:22px}\n    .aic-hero-images{grid-template-columns:1fr}\n    .aic-imgbox{height:220px}\n}\n<\/style>\n\n<div class=\"aicatalog\">\n\n<section class=\"aic-panel aic-hero\">\n    <div>\n        <div class=\"aic-kicker\">IDE-Plugins<\/div>\n        <h1>Finde das passende Plugin f\u00fcr deinen Workflow.<\/h1>\n        <p>\n            Erweitere AI Chat 2026 um eine direkte Integration in Visual Studio Code\n            oder Visual Studio 2026. Nutze lokale KI-Modelle oder unterst\u00fctzte\n            Cloud-Provider direkt mit deinem Projekt.\n        <\/p>\n    <\/div>\n\n    <div class=\"aic-hero-images\">\n        <div class=\"aic-imgbox\">\n            <a class=\"aic-lightbox-trigger\" data-aic-lightbox\n               href=\"https:\/\/i0.wp.com\/chatai2026.com\/wp-content\/uploads\/2026\/11\/ai-chat-2026.png?ssl=1\">\n                <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/chatai2026.com\/wp-content\/uploads\/2026\/11\/ai-chat-2026.png?w=1080&#038;ssl=1\"\n                     alt=\"AI Chat 2026\">\n            <\/a>\n        <\/div>\n\n        <div class=\"aic-imgbox\">\n            <a class=\"aic-lightbox-trigger\" data-aic-lightbox\n               href=\"https:\/\/i0.wp.com\/chatai2026.com\/wp-content\/uploads\/2026\/11\/vscode-ai-chat-plugin.png?ssl=1\">\n                <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/chatai2026.com\/wp-content\/uploads\/2026\/11\/vscode-ai-chat-plugin.png?w=1080&#038;ssl=1\"\n                     alt=\"VS Code mit AI Chat 2026 Plugin\">\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section class=\"aic-products\">\n\n<article class=\"aic-panel aic-product\">\n    <div class=\"aic-product-image\">\n        <a class=\"aic-lightbox-trigger\" data-aic-lightbox\n           href=\"https:\/\/i0.wp.com\/chatai2026.com\/wp-content\/uploads\/2026\/11\/vscode-ai-chat-plugin.png?ssl=1\">\n            <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/chatai2026.com\/wp-content\/uploads\/2026\/11\/vscode-ai-chat-plugin.png?w=1080&#038;ssl=1\"\n                 alt=\"VS Code Plugin\">\n        <\/a>\n    <\/div>\n\n    <div>\n        <h2>VS Code Plugin<\/h2>\n        <p>KI-Unterst\u00fctzung direkt in deinem Visual-Studio-Code-Workflow.<\/p>\n        <div class=\"aic-checks\">\n            <div>Direkte Integration in Visual Studio Code<\/div>\n            <div>Projektanalyse und strukturierte Code-\u00c4nderungen<\/div>\n            <div>Lokale Modelle und Cloud-Provider<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"aic-product-action\">\n        <span class=\"aic-tag\">Einzellizenz<\/span>\n        <a class=\"aic-button\" href=\"\/ide-plugins\/vscode\/\">\n            <span>Details ansehen<\/span>\n            <span class=\"aic-arrow\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M5 12h13M13 6l6 6-6 6\"\n                          stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n            <\/span>\n        <\/a>\n    <\/div>\n<\/article>\n\n<article class=\"aic-panel aic-product\">\n    <div class=\"aic-product-image aic-product-vs\">\n        <div class=\"aic-vs-symbol\">VS<\/div>\n    <\/div>\n\n    <div>\n        <h2>Visual Studio 2026 Plugin<\/h2>\n        <p>KI-Integration f\u00fcr deine Visual-Studio-Projekte.<\/p>\n        <div class=\"aic-checks\">\n            <div>Direkt in Visual Studio 2026 integriert<\/div>\n            <div>Projektkontext und kontrollierte \u00c4nderungen<\/div>\n            <div>Flexible Modellwahl: lokal oder Cloud<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"aic-product-action\">\n        <span class=\"aic-tag\">Einzellizenz<\/span>\n        <a class=\"aic-button\" href=\"\/ide-plugins\/visual-studio\/\">\n            <span>Details ansehen<\/span>\n            <span class=\"aic-arrow\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M5 12h13M13 6l6 6-6 6\"\n                          stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n            <\/span>\n        <\/a>\n    <\/div>\n<\/article>\n\n<article class=\"aic-panel aic-product aic-product-bundle\">\n    <div class=\"aic-product-image aic-product-bundle-image\">\n        <div class=\"aic-bundle-icon\">\n            <svg viewBox=\"0 0 64 64\" fill=\"none\">\n                <path d=\"M32 5L54 17V45L32 59L10 45V17L32 5Z\"\n                      stroke=\"currentColor\" stroke-width=\"4\"\/>\n                <path d=\"M10 17L32 30L54 17\"\n                      stroke=\"currentColor\" stroke-width=\"4\"\/>\n                <path d=\"M32 30V59\"\n                      stroke=\"currentColor\" stroke-width=\"4\"\/>\n            <\/svg>\n        <\/div>\n    <\/div>\n\n    <div>\n        <h2>Developer Bundle<\/h2>\n        <p>\n            Beide IDE-Erweiterungen in einem Paket \u2013 f\u00fcr maximale Flexibilit\u00e4t.\n        <\/p>\n        <div class=\"aic-checks\">\n            <div>VS Code Plugin und Visual Studio 2026 Plugin<\/div>\n            <div>Beide Plugin-Lizenzen enthalten<\/div>\n            <div>Lokale Modelle und Cloud-Provider<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"aic-product-action\">\n        <span class=\"aic-tag\">\u2605 Bester Wert<\/span>\n        <span class=\"aic-tag\">Bundle-Lizenz<\/span>\n        <a class=\"aic-button\" href=\"\/ide-plugins\/bundle\/\">\n            <span>Bundle ansehen<\/span>\n            <span class=\"aic-arrow\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M5 12h13M13 6l6 6-6 6\"\n                          stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n            <\/span>\n        <\/a>\n    <\/div>\n<\/article>\n\n<\/section>\n\n<section class=\"aic-panel aic-compare\">\n<h2>Plugin-Vergleich<\/h2>\n<p>Die wichtigsten Unterschiede im \u00dcberblick.<\/p>\n\n<div class=\"aic-table-scroll\">\n<table>\n<thead>\n<tr>\n    <th>Merkmal<\/th>\n    <th>VS Code Plugin<\/th>\n    <th>Visual Studio 2026 Plugin<\/th>\n    <th>Developer Bundle<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n    <td>Ziel-IDE<\/td>\n    <td>Visual Studio Code<\/td>\n    <td>Visual Studio 2026<\/td>\n    <td>Beide IDEs<\/td>\n<\/tr>\n<tr>\n    <td>Ben\u00f6tigte Edition<\/td>\n    <td>AI Chat 2026 ProPlus<\/td>\n    <td>AI Chat 2026 ProPlus<\/td>\n    <td>AI Chat 2026 ProPlus<\/td>\n<\/tr>\n<tr>\n    <td>Plugin-Lizenz<\/td>\n    <td>VS Code Plugin-Lizenz<\/td>\n    <td>Visual Studio 2026 Plugin-Lizenz<\/td>\n    <td>Beide Plugin-Lizenzen<\/td>\n<\/tr>\n<tr>\n    <td>Projektanalyse<\/td>\n    <td class=\"aic-supported\">\u25cf Unterst\u00fctzt<\/td>\n    <td class=\"aic-supported\">\u25cf Unterst\u00fctzt<\/td>\n    <td class=\"aic-supported\">\u25cf Unterst\u00fctzt<\/td>\n<\/tr>\n<tr>\n    <td>Dateien erstellen und \u00e4ndern<\/td>\n    <td class=\"aic-supported\">\u25cf Unterst\u00fctzt<\/td>\n    <td class=\"aic-supported\">\u25cf Unterst\u00fctzt<\/td>\n    <td class=\"aic-supported\">\u25cf Unterst\u00fctzt<\/td>\n<\/tr>\n<tr>\n    <td>Lokale KI<\/td>\n    <td class=\"aic-supported\">\u25cf Unterst\u00fctzt<\/td>\n    <td class=\"aic-supported\">\u25cf Unterst\u00fctzt<\/td>\n    <td class=\"aic-supported\">\u25cf Unterst\u00fctzt<\/td>\n<\/tr>\n<tr>\n    <td>Cloud-Provider<\/td>\n    <td class=\"aic-supported\">\u25cf Unterst\u00fctzt<\/td>\n    <td class=\"aic-supported\">\u25cf Unterst\u00fctzt<\/td>\n    <td class=\"aic-supported\">\u25cf Unterst\u00fctzt<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/section>\n\n<section class=\"aic-benefits\">\n    <article class=\"aic-panel aic-benefit\">\n        <h3>Einmal kaufen<\/h3>\n        <p>Dauerhafte Plugin-Lizenz ohne Abonnement.<\/p>\n    <\/article>\n\n    <article class=\"aic-panel aic-benefit\">\n        <h3>Direkte IDE-Integration<\/h3>\n        <p>Arbeite direkt mit deinem Projekt und deiner IDE.<\/p>\n    <\/article>\n\n    <article class=\"aic-panel aic-benefit\">\n        <h3>Lokale oder Cloud-KI<\/h3>\n        <p>Du entscheidest, welches Modell deinen Code verarbeitet.<\/p>\n    <\/article>\n<\/section>\n\n<\/div>\n\n<div class=\"aic-lightbox\" id=\"aic-lightbox\">\n<button class=\"aic-lightbox-close\" type=\"button\">\u00d7<\/button>\n<img decoding=\"async\" id=\"aic-lightbox-image\" src=\"\" alt=\"\">\n<\/div>\n\n<script>\n(function(){\n    const triggers=document.querySelectorAll('[data-aic-lightbox]');\n    const box=document.getElementById('aic-lightbox');\n    const image=document.getElementById('aic-lightbox-image');\n    const close=box.querySelector('.aic-lightbox-close');\n\n    function closeBox(){\n        box.classList.remove('is-open');\n        image.src='';\n        document.body.style.overflow='';\n    }\n\n    triggers.forEach(function(t){\n        t.addEventListener('click',function(e){\n            e.preventDefault();\n            image.src=t.href;\n            const preview=t.querySelector('img');\n            image.alt=preview ? preview.alt : '';\n            box.classList.add('is-open');\n            document.body.style.overflow='hidden';\n        });\n    });\n\n    close.addEventListener('click',closeBox);\n    box.addEventListener('click',function(e){\n        if(e.target===box) closeBox();\n    });\n    document.addEventListener('keydown',function(e){\n        if(e.key==='Escape') closeBox();\n    });\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-389","page","type-page","status-publish","hentry"],"dsm_author":{"name":"dbuchmann","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/9af68b8dd8166e6c52b6e4598ef248976185697958eefd0dc708f0972a8d72f2?s=96&d=mm&r=g","archive_link":"https:\/\/chatai2026.com\/en\/author\/dbuchmann\/","biodata":""},"dsm_categories":[],"dsm_attachment_categories":[],"dsm_featured_image":null,"dsm_comment_count":0,"_links":{"self":[{"href":"https:\/\/chatai2026.com\/en\/wp-json\/wp\/v2\/pages\/389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chatai2026.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chatai2026.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chatai2026.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chatai2026.com\/en\/wp-json\/wp\/v2\/comments?post=389"}],"version-history":[{"count":6,"href":"https:\/\/chatai2026.com\/en\/wp-json\/wp\/v2\/pages\/389\/revisions"}],"predecessor-version":[{"id":419,"href":"https:\/\/chatai2026.com\/en\/wp-json\/wp\/v2\/pages\/389\/revisions\/419"}],"wp:attachment":[{"href":"https:\/\/chatai2026.com\/en\/wp-json\/wp\/v2\/media?parent=389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}