PageSourceSearch

https://www.supernova.io/blog/introducing-supernova-editor-mcp

html supernova.io collected 2026-10-02 14:39:36 UTC 119,823 bytes, 2 lines download raw bytes

1<!DOCTYPE html><html lang="en-us" class="__variable_73ee6c scroll-smooth"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/4c9affa5bc8f420e-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fstatic%2Fimages%2Fblog%2Fintroducing-supernova-editor-mcp%2Fhero.png&amp;w=1200&amp;q=75 1x, /_next/image?url=%2Fstatic%2Fimages%2Fblog%2Fintroducing-supernova-editor-mcp%2Fhero.png&amp;w=3840&amp;q=75 2x"/><link rel="stylesheet" href="/_next/static/css/640fa8858a985706.css?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/5f71dc5a6aca9218.css?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/7321eb8c50586f7d.css?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/1ef65ece43ef8e8d.css?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/751d98137602e97f.css?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-7b3950604a8789f9.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK"/>
1<script src="/_next/static/chunks/4bd1b696-5cf2e42a0711d745.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" async=""></script>
1<script src="/_next/static/chunks/1684-39fc3e120d6e9c5d.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" async=""></script>
1<script src="/_next/static/chunks/main-app-e4b300d916c71622.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" async=""></script>
1<script src="/_next/static/chunks/dc112a36-18909a95e93ec969.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" async=""></script>
1<script src="/_next/static/chunks/8607-82e1710a33768079.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" async=""></script>
1<script src="/_next/static/chunks/3063-61f96f2b62c9e64f.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" async=""></script>
1<script src="/_next/static/chunks/7244-9e774de0bfe4ebea.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" async=""></script>
1<script src="/_next/static/chunks/7579-4473dccd3b459957.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" async=""></script>
1<script src="/_next/static/chunks/5940-3ac3146bf1af3a58.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" async=""></script>
1<script src="/_next/static/chunks/1530-5822204c6a2e7f3d.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" async=""></script>
1<script src="/_next/static/chunks/512-af26f5f15d04cba3.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" async=""></script>
1<script src="/_next/static/chunks/3770-4afffe6d5fec4834.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" async=""></script>
1<script src="/_next/static/chunks/5921-a96afb7c6be0c574.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" async=""></script>
1<script src="/_next/static/chunks/7601-e03394c36dafe226.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" async=""></script>
1<script src="/_next/static/chunks/7987-6dde21204cb2d803.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" async=""></script>
1<script src="/_next/static/chunks/3018-8095a77ac1f50b2e.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" async=""></script>
1<script src="/_next/static/chunks/4974-6fcb8bea58109ec0.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" async=""></script>
1<script src="/_next/static/chunks/9430-5529bcb71c208d55.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" async=""></script>
1<script src="/_next/static/chunks/app/layout-2aec5b2c673f06b6.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" async=""></script>
1<script src="/_next/static/chunks/app/not-found-7bc44ae2bdfa2b34.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" async=""></script>
1<script src="/_next/static/chunks/2684-929eda306146f82c.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" async=""></script>
1<script src="/_next/static/chunks/app/blog/%5B...slug%5D/page-7bf0200df9e13045.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" async=""></script>
1<meta name="next-size-adjust" content=""/><link rel="manifest" href="/static/favicons/site.webmanifest"/><meta name="msapplication-TileColor" content="#000000"/><meta name="theme-color" media="(prefers-color-scheme: light)" content="#fff"/><meta name="theme-color" media="(prefers-color-scheme: dark)" content="#000"/><link rel="alternate" type="application/rss+xml" href="/feed.xml"/><title>Introducing Supernova Editor MCP | Supernova.io</title><meta name="description" content="Agents could already read your design system. Editor MCP lets them write to it — the first real step toward a fully agentic design system. Public beta, from the AI tools you already use."/><link rel="canonical" href="https://www.supernova.io/blog/introducing-supernova-editor-mcp"/><meta property="og:title" content="Introducing Supernova Editor MCP"/><meta property="og:description" content="Agents could already read your design system. Editor MCP lets them write to it — the first real step toward a fully agentic design system. Public beta, from the AI tools you already use."/><meta property="og:url" content="https://www.supernova.io/blog/introducing-supernova-editor-mcp"/><meta property="og:site_name" content="Supernova.io"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://www.supernova.io/static/images/blog/introducing-supernova-editor-mcp/hero.png"/><meta property="og:type" content="article"/><meta property="article:published_time" content="2026-09-01T00:00:00.000Z"/><meta property="article:modified_time" content="2026-09-01T00:00:00.000Z"/><meta property="article:author" content="Jan Belohlavek"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Introducing Supernova Editor MCP"/><meta name="twitter:description" content="Agents could already read your design system. Editor MCP lets them write to it — the first real step toward a fully agentic design system. Public beta, from the AI tools you already use."/><meta name="twitter:image" content="https://www.supernova.io/static/images/blog/introducing-supernova-editor-mcp/hero.png"/><link rel="icon" href="/icon.png?fbc0622d1e7547ae" type="image/png" sizes="256x256"/><link rel="apple-touch-icon" href="/apple-icon.png?92b293696500131f" type="image/png" sizes="180x180"/>
1<script>(self.__next_s=self.__next_s||[]).push([0,{"children":"(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','GTM-KZ3J3M3');","id":"google-tag-manager"}])</script>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" noModule=""></script>
1</head><body class="bg-page text-neutral-faded antialiased"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KZ3J3M3" height="0" width="0" style="display:none;visibility:hidden" title="Google Tag Manager"></iframe></noscript><div class="root flex min-h-screen flex-col">
1<script>((e,t,r,n,i,o,a,s)=>{let l=document.documentElement,u=["light","dark"];function c(t){(Array.isArray(e)?e:[e]).forEach(e=>{let r="class"===e,n=r&&o?i.map(e=>o[e]||e):i;r?(l.classList.remove(...n),l.classList.add(o&&o[t]?o[t]:t)):l.setAttribute(e,t)}),f(t)}function f(e){s&&u.includes(e)&&(l.style.colorScheme=e)}function h(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}if(n)c(n);else try{let e=localStorage.getItem(t)||r,n=a&&"system"===e?h():e;c(n)}catch(e){}})("class","theme","light","light",["light","dark"],null,false,true)</script>
1<!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><section class="flex flex-1 flex-col"><div class="sn-vetra" style="--v-page-accent:#1a5ee5;--v-page-accent-bright:#3d82f6"><header data-tone="dark" style="--v-blue:#3d82f6" class="fixed inset-x-0 top-0 z-50 border-b backdrop-blur-md transition-colors duration-500 border-white/8 bg-[#0C162E]/80 text-white"><div data-nav-container="true" class="relative z-10 mx-auto flex h-16 max-w-(--max-width-content) items-center justify-between px-6"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-[inherit] inline-flex" aria-label="Supernova" href="/"><svg xmlns="http://www.w3.org/2000/svg" width="146" height="28" fill="none"><path fill="currentColor" d="M8.02 10.272c-1.514.134-2.899.556-3.981 1.22-.673.413-1.802 1.288-1.802 2.508s1.129 2.095 1.802 2.508c1.332.818 3.125 1.268 5.051 1.268.886 0 1.743-.096 2.541-.28-1.946-1.217-3.342-3.92-3.611-7.224m5.965-8.02c-1.22 0-2.095 1.13-2.508 1.803-.818 1.332-1.268 3.126-1.268 5.05 0 .886.096 1.743.279 2.541 1.218-1.946 3.921-3.341 7.225-3.61-.135-1.514-.557-2.9-1.221-3.981-.413-.673-1.288-1.802-2.507-1.802m11.747 11.749c0-1.22-1.129-2.095-1.801-2.508-1.332-.819-3.126-1.268-5.052-1.268-.885 0-1.743.095-2.541.279 1.946 1.218 3.343 3.92 3.611 7.225 1.514-.136 2.9-.557 3.982-1.221.672-.413 1.801-1.288 1.801-2.507m-11.747-1.958a1.957 1.957 0 1 0-.002 3.914 1.957 1.957 0 0 0 .002-3.915m0 13.705c1.219 0 2.094-1.13 2.507-1.802.818-1.332 1.269-3.126 1.269-5.052 0-.884-.097-1.742-.28-2.54-1.218 1.945-3.921 3.343-7.225 3.61.135 1.515.557 2.9 1.221 3.983.413.672 1.288 1.8 2.508 1.8m0 2.236c-3.131 0-5.63-3.44-5.972-8.013C3.442 19.63 0 17.132 0 14.002s3.442-5.63 8.013-5.972C8.355 3.457 10.854.014 13.985.014c3.13 0 5.629 3.443 5.971 8.013 4.572.342 8.013 2.842 8.013 5.973s-3.441 5.629-8.013 5.97c-.342 4.573-2.841 8.014-5.971 8.014m93.677-7.929v-7.001c.026-3.397-1.867-5.37-4.875-5.37-1.323 0-3.294.624-4.021 2.102V7.945H96.51v12.11h2.256v-6.56c0-2.62 2.023-3.58 3.709-3.58s2.931 1.246 2.931 3.269v6.871zM95.039 10.28a4.2 4.2 0 0 0-1.764-.415c-2.412 0-3.37 2.568-3.37 5.758v4.434h-2.282V7.945h2.281v2.749c.623-2.127 1.79-3.01 3.398-3.01.64 0 1.296.133 1.737.296zm-15.086-.467c1.997 0 3.476 1.14 3.761 3.216H76.09c.363-2.18 1.815-3.216 3.864-3.216m-3.89 5.16h9.856l.003-.037c.024-.324.048-.649.048-.973 0-3.84-2.568-6.277-6.017-6.277s-6.224 2.438-6.224 6.277 2.775 6.354 6.224 6.354c2.335 0 4.513-1.09 5.576-3.19l-1.97-.778c-.675 1.219-2.05 1.84-3.528 1.84-2.075 0-3.63-1.062-3.968-3.215m-37.806 1.479h-2.1c.103 2.49 2.333 3.865 4.512 3.865 2.516 0 4.694-1.375 4.694-3.632 0-1.374-.648-2.879-3.164-3.501l-1.79-.441c-.777-.182-1.556-.622-1.556-1.452 0-.934.78-1.634 1.946-1.634.96 0 1.92.623 1.945 1.556h2.178c0-2.438-2.126-3.527-4.175-3.527-2.438 0-4.15 1.53-4.15 3.527 0 1.945 1.167 2.931 3.19 3.476l1.66.388c.96.208 1.66.675 1.66 1.583 0 .985-.908 1.686-2.438 1.686-1.478 0-2.386-.857-2.412-1.894m19.883 3.605V7.944h-2.257v6.562c-.026 2.62-2.049 3.58-3.735 3.58s-2.905-1.246-2.905-3.269V7.944h-2.256v7.002c-.026 3.398 1.841 5.37 4.877 5.37 1.348 0 3.294-.649 4.02-2.153v1.893zm12.055-6.017c0-2.412-1.764-4.228-3.994-4.228-2.152 0-4.098 1.634-4.098 4.228 0 2.62 2.127 4.15 4.098 4.15 2.23 0 3.994-1.712 3.994-4.15m2.282-.026c0 3.838-2.723 6.302-6.043 6.302-1.815 0-3.527-.726-4.331-2.152v8.227h-2.256V7.944h2.256v1.92c.804-1.4 2.568-2.179 4.305-2.179 3.32 0 6.069 2.515 6.069 6.328m46.935-.052c0-2.49-1.867-4.149-4.098-4.149-2.204 0-4.046 1.66-4.046 4.15 0 2.515 1.842 4.227 4.046 4.227 2.231 0 4.098-1.712 4.098-4.228m-10.426 0c0-3.838 2.879-6.276 6.328-6.276s6.354 2.438 6.354 6.276-2.904 6.354-6.354 6.354c-3.449 0-6.328-2.516-6.328-6.354m19.588 6.095 5.057-12.112h-2.438l-3.708 9.233-3.735-9.233h-2.412l5.031 12.112zm15.17-6.095c0-2.62-2.126-4.149-4.124-4.149-2.204 0-3.968 1.711-3.968 4.15 0 2.411 1.764 4.227 3.968 4.227 2.179 0 4.124-1.634 4.124-4.228M146 7.944v12.112h-2.256v-1.92c-.804 1.401-2.567 2.18-4.305 2.18-3.32 0-6.069-2.517-6.069-6.329 0-3.839 2.723-6.302 6.043-6.302 1.815 0 3.527.726 4.331 2.152V7.944z"></path></svg></a><!--/$--><ul class="max-t:hidden flex h-full min-h-16 items-stretch gap-8 self-stretch text-sm font-medium"><li class="relative flex items-center"><button type="button" aria-expanded="false" aria-haspopup="true" class="sn-draw-link inline-flex cursor-pointer items-center gap-1 bg-transparent">Product<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-down size-3.5 transition-transform duration-200"><path d="M6 9l6 6l6 -6"></path></svg></button></li><li class="relative flex items-center"><button type="button" aria-expanded="false" aria-haspopup="true" class="sn-draw-link inline-flex cursor-pointer items-center gap-1 bg-transparent">Resources<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-down size-3.5 transition-transform duration-200"><path d="M6 9l6 6l6 -6"></path></svg></button></li><li class="flex items-center"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-[inherit] sn-draw-link" href="/pricing">Pricing</a><!--/$--></li><li class="flex items-center"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-[inherit] sn-draw-link" href="/enterprise">Enterprise</a><!--/$--></li><li class="flex items-center"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-[inherit] sn-draw-link" href="/customers">Customers</a><!--/$--></li></ul><div class="flex items-center gap-3"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-[inherit] sn-draw-link text-sm font-medium max-t:hidden" href="https://app.supernova.io" target="_blank" rel="noopener noreferrer">Log in</a><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-[inherit] group relative inline-flex items-center focus-visible:ring-neutral focus-visible:ring-offset-page h-fit max-w-fit cursor-pointer rounded-full focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none" href="/request-a-demo"><div class="absolute inset-[-4px] flex items-center justify-center overflow-hidden rounded-full"><div class="group-hover:border-primary transition-border absolute inset-0 rounded-full border border-transparent duration-500 ease-in-out group-hover:delay-500"></div><div class="button-gradient opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div></div><span class="relative inline-flex items-center gap-2 font-medium whitespace-nowrap outline-button-mask rounded-full py-3 outline-[3px] transition-colors sn-v-btn-primary h-9 px-4">Book a demo<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-right size-4 transition-transform duration-300 group-hover:translate-x-1"><path d="M5 12l14 0"></path><path d="M13 18l6 -6"></path><path d="M13 6l6 6"></path></svg></span></a><!--/$--><button type="button" class="t:hidden flex size-10 items-center justify-center rounded-md" aria-label="Open menu" aria-expanded="false" aria-controls="vetra-mobile-nav"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-menu-2 size-6"><path d="M4 6l16 0"></path><path d="M4 12l16 0"></path><path d="M4 18l16 0"></path></svg></button></div></div></header><div aria-hidden="true" class="max-m:hidden pointer-events-none fixed inset-y-0 left-1/2 z-[60] w-full max-w-(--max-width-content) -translate-x-1/2" style="mask-image:linear-gradient(to bottom, transparent 0, transparent var(--v-rails-start, 0px), #000 var(--v-rails-start, 0px));-webkit-mask-image:linear-gradient(to bottom, transparent 0, transparent var(--v-rails-start, 0px), #000 var(--v-rails-start, 0px))"><span class="absolute inset-y-0 left-0 w-px bg-[rgba(148,152,164,0.22)]"></span><span class="absolute inset-y-0 right-0 w-px bg-[rgba(148,152,164,0.22)]"></span></div></div><main class="flex flex-1 flex-col">
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"BlogPosting","headline":"Introducing Supernova Editor MCP","datePublished":"2026-09-01T00:00:00.000Z","dateModified":"2026-09-01T00:00:00.000Z","description":"Agents could already read your design system. Editor MCP lets them write to it — the first real step toward a fully agentic design system. Public beta, from the AI tools you already use.","image":"/static/images/blog/introducing-supernova-editor-mcp/hero.png","url":"https://www.supernova.io/blog/introducing-supernova-editor-mcp","author":[{"@type":"Person","name":"Jan Belohlavek"}]}</script>
1<div class="sn-vetra bg-[#0C162E]" style="--sn-ink:#0C162E;--sn-blue:#1a5ee5;--v-blue:#1a5ee5;--v-page-accent:#1a5ee5;--v-page-accent-bright:#3d82f6"><section data-tone="dark" style="--v-muted:rgba(255,255,255,0.62);--v-faint:rgba(255,255,255,0.4);--v-border:rgba(255,255,255,0.1);--v-surface:#152038;--v-blue:#3d82f6" class="relative w-full overflow-x-clip text-white z-10 pt-16"><div class="relative mx-auto w-full max-w-(--max-width-content)"><div class="relative px-6"><div class="m:pt-14 relative flex flex-col items-center pt-10"><div class="m:pb-16 t:pb-20 relative isolate flex w-full flex-col items-center pb-12"><div class="sn-qgrid pointer-events-none absolute inset-0 overflow-hidden -right-6 -bottom-px -left-6 w-auto fill-white/10 stroke-white/10 [mask-image:radial-gradient(ellipse_56%_70%_at_50%_100%,white_0%,rgba(255,255,255,0.65)_34%,rgba(255,255,255,0.2)_68%,transparent_100%)] [mask-repeat:no-repeat]"><svg aria-hidden="true" class="size-full [stroke:inherit]"><line class="sn-qgrid-h" x1="0" y1="-0.5" x2="0" y2="-0.5" fill="none" stroke-dasharray="4 2" style="--start:0;--span:1"></line><line class="sn-qgrid-v-up" x1="0" y1="0" x2="0" y2="0" fill="none" stroke-dasharray="4 2" style="--start:0;--span:1"></line></svg></div><div class="relative z-10 flex w-[calc(100%+3rem)] flex-col px-10"><div class="relative z-10 w-full max-w-[52rem]" style="opacity:0;transform:translateY(22px)"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word sn-draw-link inline-flex items-center gap-2 text-sm font-medium text-(--v-muted) transition-colors hover:text-white" href="/blog"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-left size-4"><path d="M5 12l14 0"></path><path d="M5 12l6 6"></path><path d="M5 12l6 -6"></path></svg>All articles</a><!--/$--></div><div class="grid grid-cols-1 t:grid-cols-[minmax(0,1.05fr)_minmax(0,1fr)] t:items-center t:gap-12"><div class="flex flex-col"><div class="relative isolate z-10 w-full" style="opacity:0;transform:translateY(22px)"><div class="mt-6 flex flex-wrap items-center gap-2 text-xs"><span class="rounded-full bg-(--v-blue)/15 px-2.5 py-0.5 font-semibold text-(--v-blue) capitalize">product</span><span class="text-(--v-faint)"><time dateTime="2026-09-01T00:00:00.000Z">September 1, 2026</time></span><span class="text-(--v-faint)">· <!-- -->4 min read</span></div><h1 class="m:text-[44px] t:text-[52px] mt-5 text-[30px] leading-[1.1] font-light tracking-[-0.02em] text-balance">Introducing Supernova Editor MCP</h1><div aria-hidden="true" class="pointer-events-none absolute bottom-0 left-1/4 -z-10 h-40 w-[60%] -translate-x-1/4 translate-y-1/3 rounded-full bg-[#1a5ee5]/25 blur-[6.5rem]"></div></div><div class="relative z-10 w-full" style="opacity:0;transform:translateY(22px)"><p class="m:text-lg mt-5 max-w-[62ch] text-base text-white/80">Agents could already read your design system. Editor MCP lets them write to it — the first real step toward a fully agentic design system. Public beta, from the AI tools you already use.</p></div><div class="relative z-10 w-full" style="opacity:0;transform:translateY(22px)"><ul class="mt-8 flex flex-wrap items-center gap-6" aria-label="Authors"><li class="flex items-center gap-3"><img alt="" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="size-10 rounded-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fstatic%2Fimages%2Fauthors%2Fjan-belohlavek.png&amp;w=48&amp;q=75 1x, /_next/image?url=%2Fstatic%2Fimages%2Fauthors%2Fjan-belohlavek.png&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2Fstatic%2Fimages%2Fauthors%2Fjan-belohlavek.png&amp;w=96&amp;q=75"/><span class="text-sm leading-tight"><span class="block font-medium">Jan Belohlavek</span><span class="block text-(--v-faint)">Head of Marketing</span></span></li></ul></div></div><div class="max-t:mt-10 relative z-10 w-full" style="opacity:0;transform:translateY(22px)"><div class="sn-glow-pulse t:blur-[9rem] pointer-events-none absolute inset-x-6 top-1/2 -z-10 h-2/3 -translate-y-1/2 roun
1ded-full bg-gradient-to-r from-sky-500 to-(--v-blue) blur-[5rem]"></div><div class="relative overflow-hidden border bg-[#0C162E] border-[rgba(148,152,164,0.22)]"><img alt="" width="1200" height="630" decoding="async" data-nimg="1" class="aspect-[1200/630] w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fstatic%2Fimages%2Fblog%2Fintroducing-supernova-editor-mcp%2Fhero.png&amp;w=1200&amp;q=75 1x, /_next/image?url=%2Fstatic%2Fimages%2Fblog%2Fintroducing-supernova-editor-mcp%2Fhero.png&amp;w=3840&amp;q=75 2x" src="/_next/image?url=%2Fstatic%2Fimages%2Fblog%2Fintroducing-supernova-editor-mcp%2Fhero.png&amp;w=3840&amp;q=75"/></div></div></div></div></div><span aria-hidden="true" class="pointer-events-none absolute bottom-0 left-1/2 h-px w-screen -translate-x-1/2 bg-[rgba(148,152,164,0.22)]"></span></div></div></div></section><section data-tone="light" style="--v-muted:#5d6270;--v-faint:#9aa0ae;--v-border:rgba(12,22,46,0.09);--v-surface:#F1F3F9;--v-blue:#1a5ee5" class="relative w-full overflow-x-clip text-[#0C162E] bg-[#F1F3F9] t:py-20 py-14"><div class="relative mx-auto w-full max-w-(--max-width-content)"><div class="relative px-6"><div class="t:grid-cols-[3.5rem_minmax(0,1fr)_14rem] t:gap-12 grid grid-cols-1 gap-10"><div class="max-t:order-last t:sticky t:top-24 t:self-start"><h2 class="mb-3 text-xs font-semibold tracking-[0.16em] text-(--v-faint) uppercase">Share</h2><div class="t:flex-col flex gap-1"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word flex size-10 items-center justify-center rounded-lg text-(--v-muted) transition-colors hover:bg-[#0C162E]/5 hover:text-[#0C162E]" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.supernova.io%2Fblog%2Fintroducing-supernova-editor-mcp&amp;text=Introducing%20Supernova%20Editor%20MCP" target="_blank" rel="noopener noreferrer" aria-label="Share on X (Twitter)"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path fill="currentColor" d="M18.285 14.122 27.22 3.733h-2.117l-7.76 9.02-6.198-9.02H3.998l9.372 13.64-9.372 10.894h2.118l8.194-9.526 6.546 9.526h7.148zm-2.9 3.371-.95-1.358L6.879 5.328h3.253l6.097 8.722.95 1.358 7.926 11.337h-3.253z"></path></svg></a><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word flex size-10 items-center justify-center rounded-lg text-(--v-muted) transition-colors hover:bg-[#0C162E]/5 hover:text-[#0C162E]" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.supernova.io%2Fblog%2Fintroducing-supernova-editor-mcp" target="_blank" rel="noopener noreferrer" aria-label="Share on LinkedIn"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path fill="currentColor" d="M4.96 26.4H9.6V9.12H4.96zM7.2 7.2c-1.6 0-2.72-1.28-2.72-2.72S5.76 1.6 7.2 1.6s2.72 1.28 2.72 2.72S8.8 7.2 7.2 7.2m21.28 19.2h-4.64v-8.8c0-5.28-6.24-4.96-6.24 0v8.8h-4.8V9.12h4.8v2.72c2.24-4 11.04-4.32 11.04 3.84V26.4z"></path></svg></a><!--/$--></div></div><div class="t:mx-auto w-full max-w-[756px]"><div class="flex items-center gap-1 mb-6"><span class="text-neutral-faded body-small pr-1">Summarize</span><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-neutral-faded hover:bg-neutral-faded hover:text-neutral flex size-8 items-center justify-center rounded-lg transition-colors" href="https://chatgpt.com/?q=Read%20https%3A%2F%2Fwww.supernova.io%2Fblog%2Fintroducing-supernova-editor-mcp%20and%20summarize%20the%20key%20takeaways%20of%20%22Introducing%20Supernova%20Editor%20MCP%22%20in%20a%20few%20bullet%20points.%20Then%20tell%20me%20what%20it%20means%20for%20a%20team%20building%20or%20scaling%20a%20design%20system%2C%20and%20answer%20my%20follow-up%20questions%20about%20it." target="_blank" rel="noopener noreferrer" title="Summarize with ChatGPT" aria-label="Summarize this page with ChatGPT"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" fill-rule="evenodd" viewBox="0 0 24 24" class="size-4" aria-hidden="true" focusable="false">
1<path d="M9.205 8.658v-2.26c0-.19.072-.333.238-.428l4.543-2.616c.619-.357 1.356-.523 2.117-.523 2.854 0 4.662 2.212 4.662 4.566 0 .167 0 .357-.024.547l-4.71-2.759a.8.8 0 0 0-.856 0zm10.609 8.8V12.06c0-.333-.143-.57-.429-.737l-5.97-3.473 1.95-1.118a.43.43 0 0 1 .476 0l4.543 2.617c1.309.76 2.189 2.378 2.189 3.948 0 1.808-1.07 3.473-2.76 4.163zM7.802 12.703l-1.95-1.142a.45.45 0 0 1-.239-.428V5.899c0-2.545 1.95-4.472 4.591-4.472 1 0 1.927.333 2.712.928L8.23 5.067c-.285.166-.428.404-.428.737zM12 15.128l-2.795-1.57v-3.33L12 8.658l2.795 1.57v3.33zm1.796 7.23c-1 0-1.927-.332-2.712-.927l4.686-2.712c.285-.166.428-.404.428-.737v-6.898l1.974 1.142c.167.095.238.238.238.428v5.233c0 2.545-1.974 4.472-4.614 4.472zm-5.637-5.303-4.544-2.617c-1.308-.761-2.188-2.378-2.188-3.948A4.48 4.48 0 0 1 4.21 6.327v5.423c0 .333.143.571.428.738l5.947 3.449-1.95 1.118a.43.43 0 0 1-.476 0m-.262 3.9c-2.688 0-4.662-2.021-4.662-4.519 0-.19.024-.38.047-.57l4.686 2.71a.79.79 0 0 0 .856 0l5.97-3.448v2.26c0 .19-.07.333-.237.428l-4.543 2.616c-.619.357-1.356.523-2.117.523m5.899 2.83a5.95 5.95 0 0 0 5.827-4.756C22.287 18.339 24 15.84 24 13.296c0-1.665-.713-3.282-1.998-4.448.119-.5.19-.999.19-1.498 0-3.401-2.759-5.947-5.946-5.947a5.7 5.7 0 0 0-1.88.31A5.96 5.96 0 0 0 10.205 0a5.95 5.95 0 0 0-5.827 4.757C1.713 5.447 0 7.945 0 10.49c0 1.666.713 3.283 1.998 4.448-.119.5-.19 1-.19 1.499 0 3.401 2.759 5.946 5.946 5.946.642 0 1.26-.095 1.88-.309a5.96 5.96 0 0 0 4.162 1.713z"></path></svg></a><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-neutral-faded hover:bg-neutral-faded hover:text-neutral flex size-8 items-center justify-center rounded-lg transition-colors" href="https://claude.ai/new?q=Read%20https%3A%2F%2Fwww.supernova.io%2Fblog%2Fintroducing-supernova-editor-mcp%20and%20summarize%20the%20key%20takeaways%20of%20%22Introducing%20Supernova%20Editor%20MCP%22%20in%20a%20few%20bullet%20points.%20Then%20tell%20me%20what%20it%20means%20for%20a%20team%20building%20or%20scaling%20a%20design%20system%2C%20and%20answer%20my%20follow-up%20questions%20about%20it." target="_blank" rel="noopener noreferrer" title="Summarize with Claude" aria-label="Summarize this page with Claude"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" fill-rule="evenodd" viewBox="0 0 24 24" class="size-4" aria-hidden="true" focusable="false"><path d="m4.709 15.955 4.72-2.647.08-.23-.08-.128H9.2l-.79-.048-2.698-.073-2.339-.097-2.266-.122-.571-.121L0 11.784l.055-.352.48-.321.686.06 1.52.103 2.278.158 1.652.097 2.449.255h.389l.055-.157-.134-.098-.103-.097-2.358-1.596-2.552-1.688-1.336-.972-.724-.491-.364-.462-.158-1.008.656-.722.881.06.225.061.893.686 1.908 1.476 2.491 1.833.365.304.145-.103.019-.073-.164-.274-1.355-2.446-1.446-2.49-.644-1.032-.17-.619a3 3 0 0 1-.104-.729L6.283.134 6.696 0l.996.134.42.364.62 1.414 1.002 2.229 1.555 3.03.456.898.243.832.091.255h.158V9.01l.128-1.706.237-2.095.23-2.695.08-.76.376-.91.747-.492.584.28.48.685-.067.444-.286 1.851-.559 2.903-.364 1.942h.212l.243-.242.985-1.306 1.652-2.064.73-.82.85-.904.547-.431h1.033l.76 1.129-.34 1.166-1.064 1.347-.881 1.142-1.264 1.7-.79 1.36.073.11.188-.02 2.856-.606 1.543-.28 1.841-.315.833.388.091.395-.328.807-1.969.486-2.309.462-3.439.813-.042.03.049.061 1.549.146.662.036h1.622l3.02.225.79.522.474.638-.079.485-1.215.62-1.64-.389-3.829-.91-1.312-.329h-.182v.11l1.093 1.068 2.006 1.81 2.509 2.33.127.578-.322.455-.34-.049-2.205-1.657-.851-.747-1.926-1.62h-.128v.17l.444.649 2.345 3.521.122 1.08-.17.353-.608.213-.668-.122-1.374-1.925-1.415-2.167-1.143-1.943-.14.08-.674 7.254-.316.37-.729.28-.607-.461-.322-.747.322-1.476.389-1.924.315-1.53.286-1.9.17-.632-.012-.042-.14.018-1.434 1.967-2.18 2.945-1.726 1.845-.414.164-.717-.37.067-.662.401-.589 2.388-3.036 1.44-1.882.93-1.086-.006-.158h-.055L4.132 18.56l-1.13.146-.487-.456.061-.746.231-.243 1.908-1.312z"></path></svg></a><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-neutral-faded hover:bg-neutral-faded hover:text-neutral flex size-8 items-center justify-center rounded-lg transition-colors" href="https://gemini.google.com/app?q=Read%20https%3A%2F%2Fwww.supernova.io%2Fblog%2Fintroducing-supernova-editor-mcp%20and%20summarize%20the%20key%20takeaways%20of%20%22Introducing%20Supernova%20Editor%20MCP%22%20in%20a%20few%20bullet%20points.%20Then%20tell%2
10me%20what%20it%20means%20for%20a%20team%20building%20or%20scaling%20a%20design%20system%2C%20and%20answer%20my%20follow-up%20questions%20about%20it." target="_blank" rel="noopener noreferrer" title="Summarize with Gemini" aria-label="Summarize this page with Gemini"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" fill-rule="evenodd" viewBox="0 0 24 24" class="size-4" aria-hidden="true" focusable="false"><path d="M20.616 10.835a14.2 14.2 0 0 1-4.45-3.001 14.1 14.1 0 0 1-3.678-6.452.503.503 0 0 0-.975 0 14.13 14.13 0 0 1-3.679 6.452 14.2 14.2 0 0 1-4.45 3.001q-.976.42-2.002.678a.502.502 0 0 0 0 .975q1.025.258 2.002.677a14.2 14.2 0 0 1 4.45 3.001 14.1 14.1 0 0 1 3.679 6.453.502.502 0 0 0 .975 0q.258-1.026.677-2.003a14.15 14.15 0 0 1 3.001-4.45 14.1 14.1 0 0 1 6.453-3.678.503.503 0 0 0 0-.975 13 13 0 0 1-2.003-.678"></path></svg></a><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-neutral-faded hover:bg-neutral-faded hover:text-neutral flex size-8 items-center justify-center rounded-lg transition-colors" href="https://www.perplexity.ai/search?q=Read%20https%3A%2F%2Fwww.supernova.io%2Fblog%2Fintroducing-supernova-editor-mcp%20and%20summarize%20the%20key%20takeaways%20of%20%22Introducing%20Supernova%20Editor%20MCP%22%20in%20a%20few%20bullet%20points.%20Then%20tell%20me%20what%20it%20means%20for%20a%20team%20building%20or%20scaling%20a%20design%20system%2C%20and%20answer%20my%20follow-up%20questions%20about%20it." target="_blank" rel="noopener noreferrer" title="Summarize with Perplexity" aria-label="Summarize this page with Perplexity"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" fill-rule="evenodd" viewBox="0 0 24 24" class="size-4" aria-hidden="true" focusable="false"><path d="M19.785 0v7.272H22.5V17.62h-2.935V24l-7.037-6.194v6.145h-1.091v-6.152L4.392 24v-6.465H1.5V7.188h2.884V0l7.053 6.494V.19h1.09v6.49L19.786 0zm-7.257 9.044v7.319l5.946 5.234V14.44l-5.946-5.397zm-1.099-.08-5.946 5.398v7.235l5.946-5.234zm8.136 7.58h1.844V8.349H13.46l6.105 5.54zm-8.982-8.28H2.59v8.195h1.8v-2.576zM5.475 2.476v4.71h5.115zm13.219 0-5.115 4.71h5.115z"></path></svg></a><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-neutral-faded hover:bg-neutral-faded hover:text-neutral flex size-8 items-center justify-center rounded-lg transition-colors" href="https://grok.com/?q=Read%20https%3A%2F%2Fwww.supernova.io%2Fblog%2Fintroducing-supernova-editor-mcp%20and%20summarize%20the%20key%20takeaways%20of%20%22Introducing%20Supernova%20Editor%20MCP%22%20in%20a%20few%20bullet%20points.%20Then%20tell%20me%20what%20it%20means%20for%20a%20team%20building%20or%20scaling%20a%20design%20system%2C%20and%20answer%20my%20follow-up%20questions%20about%20it." target="_blank" rel="noopener noreferrer" title="Summarize with Grok" aria-label="Summarize this page with Grok"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" fill-rule="evenodd" viewBox="0 0 24 24" class="size-4" aria-hidden="true" focusable="false"><path d="m9.27 15.29 7.978-5.897c.391-.29.95-.177 1.137.272.98 2.369.542 5.215-1.41 7.169s-4.667 2.382-7.149 1.406l-2.711 1.257c3.889 2.661 8.611 2.003 11.562-.953 2.341-2.344 3.066-5.539 2.388-8.42l.006.007c-.983-4.232.242-5.924 2.75-9.383Q23.911.625 24 .5l-3.301 3.305v-.01L9.267 15.292m-1.644 1.431c-2.792-2.67-2.31-6.801.071-9.184 1.761-1.763 4.647-2.483 7.166-1.425l2.705-1.25a7.8 7.8 0 0 0-1.829-1A8.975 8.975 0 0 0 5.984 5.83c-2.533 2.536-3.33 6.436-1.962 9.764 1.022 2.487-.653 4.246-2.34 6.022-.599.63-1.199 1.259-1.682 1.925l7.62-6.815"></path></svg></a><!--/$--></div><div class="prose max-w-none"><p>A design system team is often one or two people holding up an entire org. They get pulled into every new problem. The system itself — the docs, the names, the gaps, the drift between Figma and code — waits. It always waits.</p><p>Agents already changed the other half of the job. Point an AI tool at your design system and building gets faster. Adoption gets easier. The agent can <em>see</em> the tokens, the components, the rules. That was a big step. It was not the one that mattered for the people maintaining the system.</p><p>Because a system that agents can only read is still a system that humans have to keep.</p><p>An <!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-[inherit]" href="/blog/what-is-an-agentic-design-system">
1agentic design system</a><!--/$--> is one that agents can act on. Query, resolve, and contribute — not just consume. Reading got us to the door. <strong>Write access is the first step through it.</strong></p><p>That&#x27;s what we shipped.</p><div class="not-prose p-xlarge w-full"><div class="relative aspect-video w-full overflow-hidden rounded-xl"><iframe src="https://www.youtube.com/embed/6g6S9uWand0?rel=0&amp;&amp;origin=https%3A%2F%2Fwww.supernova.io" title="Editor MCP" class="absolute -inset-px h-[calc(100%+2px)] w-[calc(100%+2px)] max-w-none border-0" style="border:0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen=""></iframe></div></div><h2 class="content-header" id="from-conversation-to-real-edits"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-[inherit]" href="#from-conversation-to-real-edits" aria-hidden="true" tabindex="-1"><span class="content-header-link"><svg class="h-5 linkicon w-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z"></path><path d="M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z"></path></svg></span></a><!--/$-->From conversation to real edits</h2><p><strong>Editor MCP</strong> gives the AI tools you already live in — Cursor, Claude, VS Code, Codex, ChatGPT — write access to Supernova. Documentation, tokens, components, files, skills, contexts, pipelines.</p><p>You don&#x27;t get a suggestion to copy-paste back into the product. You have a conversation, and the edit lands in Supernova the same way it would if you&#x27;d made it yourself.</p><p>Forget the backlog of &quot;we should document that.&quot; The agent can document it. Forget the rename that touches forty pages. The agent can sweep it. The work that used to be a quarter&#x27;s worth of maintenance can start happening in the background of the tools your team already has open.</p><p>We ran this in early access before today. The part that stayed with us wasn&#x27;t the speed. It was watching teams treat the design system as something an agent could <em>keep</em> — not just look up.</p><p>They documented every new component as it landed. They found the pages missing states and usage guidelines, drafted the gaps, and didn&#x27;t panic, because page history can restore any docs change. They renamed and deprecated in one pass. They drafted documentation after a Figma import. They enforced naming. They caught Figma variants drifting from coded properties. They audited for stale pages and broken links before anyone had to go looking.</p><p>That&#x27;s not a feature list. That&#x27;s what a design system starts to look like when agents can write.</p><blockquote><p>I see Supernova MCP as a massive time-saver after trying it in action this morning. I&#x27;m looking forward to making our design system maintenance completely agentic. Link codebases, Figma, etc. This is going to be huge!</p><p>— Felix Pfahlert, Design System Lead, EGYM Wellpass</p></blockquote><p>Felix is pointing at the same horizon we are. Maintenance that runs itself. A system that stays true because agents are in it, not because two people found a free afternoon.</p><p>Fully agentic is still ahead of us: agents that operate the system with people setting the boundaries — what they may do unsupervised, what needs review, what stays a human decision. Editor MCP is the first move that makes that future possible. Without write, agents are well-informed spectators. With it, they can take care of the house.</p><h2 class="content-header" id="one-url-from-the-tool-youre-already-in"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-[inherit]" href="#one-url-from-the-tool-youre-already-in" aria-hidden="true" tabindex="-1"><span class="content-header-link"><svg class="h-5 linkicon w-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z"></path><path d="M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z"></path></svg></span></a><!--/$-->One URL, from the tool you&#x27;re already in</h2><p>We wanted this to feel like nothing to install. There is one URL to connect to any design system or context:</p><div class="relative"><pre><code class="language-js code-highlight"><span class="code-line"><span class="token literal-property property">https</span><span class="token operator">:</span><span class="token operator">/</span><span class="token operator">/</span>mcp<span class="token punctuation">.</span><span class="token property-access">supernova</span><span class="token punctuation">.</span><span class="token property-access">io</span><span class="token operator">/</span>mcp
2</span></code></pre></div><p>At sign-in, pick a <strong>design system</strong> for Editor MCP, or a <strong>context</strong> for read-only access. The documentation skills are bundled into the server. Your agent already speaks Supernova.</p><p><strong>Editor MCP is in public beta, and it&#x27;s free to use.</strong> The tools don&#x27;
2t consume Workspace credits today. That will change once it graduates from beta, and we&#x27;ll give you plenty of notice before it does.</p><p>Use it while it&#x27;s free. Point it at the documentation backlog you&#x27;ve been putting off. Run an audit. Try a bulk edit you&#x27;d never have attempted by hand. Then tell us what you find — this beta is how we learn what a fully agentic design system actually needs to be.</p><p>Reading showed agents the system. Writing lets them take care of it. That&#x27;s the first step. Let&#x27;s take it.</p><p>👉 <!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-[inherit]" href="https://learn.supernova.io/latest/ai/mcp/editor-mcp-zZuzFobd" target="_blank" rel="noopener noreferrer">Read the Editor MCP docs</a><!--/$--></p><p>👉 <!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-[inherit]" href="https://learn.supernova.io/latest/releases/august-2026/editor-mcp-your-design-system-editable-from-any-ai-tool-29ohyDT6" target="_blank" rel="noopener noreferrer">See the full release notes</a><!--/$--></p></div></div><nav aria-label="On this page" class="max-t:hidden t:sticky t:top-24 t:self-start t:max-h-[calc(100vh-8rem)] overflow-y-auto"><h2 class="mb-3 text-xs font-semibold tracking-[0.16em] text-(--v-faint) uppercase">On this page</h2><ul class="flex flex-col gap-2 border-l border-(--v-border)"><li><a href="#from-conversation-to-real-edits" class="-ml-px block border-l border-transparent py-0.5 text-sm text-(--v-muted) transition-colors hover:border-(--v-blue) hover:text-(--v-blue) pl-4">From conversation to real edits</a></li><li><a href="#one-url-from-the-tool-youre-already-in" class="-ml-px block border-l border-transparent py-0.5 text-sm text-(--v-muted) transition-colors hover:border-(--v-blue) hover:text-(--v-blue) pl-4">One URL, from the tool you&#x27;re already in</a></li></ul></nav></div></div></div></section><section data-tone="light" style="--v-muted:#5d6270;--v-faint:#9aa0ae;--v-border:rgba(12,22,46,0.09);--v-surface:#F1F3F9;--v-blue:#1a5ee5" class="relative w-full overflow-x-clip text-[#0C162E] bg-[#F1F3F9] border-t border-(--v-border) py-14"><div class="relative mx-auto w-full max-w-(--max-width-content)"><div class="relative px-6"><div class="m:grid-cols-2 grid grid-cols-1 gap-4"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-[inherit] group flex flex-col gap-2 rounded-2xl border border-[#0C162E]/8 bg-[#F1F3F9] p-6 transition-colors hover:border-(--v-blue)/40" href="/blog/design-system-mcp-servers"><span class="inline-flex items-center gap-2 text-xs font-semibold tracking-[0.16em] text-(--v-faint) uppercase"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-left size-4 transition-transform duration-300 group-hover:-translate-x-1"><path d="M5 12l14 0"></path><path d="M5 12l6 6"></path><path d="M5 12l6 -6"></path></svg>Previous</span><span class="text-base font-semibold">Design System MCP Servers: Who Has One and What They Actually Do</span></a><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-[inherit] group m:col-start-2 flex flex-col items-end gap-2 rounded-2xl border border-[#0C162E]/8 bg-[#F1F3F9] p-6 text-right transition-colors hover:border-(--v-blue)/40" href="/blog/ai-ready-design-systems-preparing-your-design-system-for-machine-powered-product-development"><span class="inline-flex items-center gap-2 text-xs font-semibold tracking-[0.16em] text-(--v-faint) uppercase">Next<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-right size-4 transition-transform duration-300 group-hover:translate-x-1"><path d="M5 12l14 0"></path><path d="M13 18l6 -6"></path><path d="M13 6l6 6"></path></svg></span><span class="text-base font-semibold">AI‑Ready Design Systems: Preparing Your Design System for Machine‑Powered Product Development</span></a><!--/$--></div></div></div></section><section data-tone="dark" style="--v-muted:rgba(255,255,255,0.62);--v-faint:rgba(255,255,255,0.4);--v-border:rgba(255,255,255,0.1);--v-surface:#152038;--v-blue:#3d82f6" class="relative w-full overflow-x-clip text-white bg-[#0C162E] t:py-36 py-24"><div class="pointer-events-none absolute inset-0 overflow-hidden"><div class="absolute inset-x-0 top-0 mx-auto h-full w-full max-w-[1200px]"><div class="sn-qgrid pointer-events-none absolute inset-0 overflow-hidden [mask-image:radial-gradient(ellipse_50%_58%_at_50%_0%,white_0%,white_48%,transparent_100%)] [mask-repeat:no-repeat] stroke-white/10"><svg aria-hidden="true" class="size-full [stroke:inherit]"><line class="sn-qgrid-h" x1="0" y1="0.5" x2="0" y2="0.5" fill="none" stroke-dasharray="4 2" style="--start:0;--span:1"></line><line class="sn-qgrid-v" x1="0.5" y1="0" x2="0.5" y2="0" fill="none" stroke-dasharray="4 2" style="--start:0;--span:1"></line></svg></div></div><div class="pointer-events-none absolute inset-0 h-full w-full overflow-x-hidden [clip-path:inset(0_0_-1px_0)] fill-white/10 stroke-white/10 [mask-image:radial-gradient(ellipse_50%_48%_at_50%_100%,white_0%,rgba(255,255,255,0.7)_28%,rgba(255,255,255,0.2)_60%,transparent_100%)] [mask-repeat:no-repeat]"><svg aria-hidden="true" class="[fill:inherit] [stroke:inherit] absolute inset-x-0 bottom-0 w-full" style="height:4000px"><defs><pattern id="«Rjihtrhl5b»" width="40" height="40" patternUnits="userSpaceOnUse" x="-0.5" y="39.5"><path d="M.5 40V.5" fill="none" stroke-dasharray="4 2"></path><path d="M.5 .5H40" fill="none" stroke-dasharray="4 2"></path></pattern></defs><rect width="100%" height="100%" stroke-width="0" fill="url(#«Rjihtrhl5b»)"></rect></svg><span aria-hidden="true" class="sn-grid-lightning sn-grid-lightning-v" style="--spark-dur:10s;--spark-delay:0.4s;left:320px"></span><span aria-hidden="true" class="sn-grid-lightning sn-grid-lightning-h" style="--spark-dur:11s;--spark-delay:1.6s;top:calc(100% - 120.5px)"></span><span aria-hidden="true" data-reverse="true" class="sn-grid-lightning sn-grid-lightning-v" style="--spark-dur:9.5s;--spark-delay:2.8s;left:560px"></span><span aria-hidden="true" data-reverse="true" class="sn-grid-lightning sn-grid-lightning-h" style="--spark-dur:10.5s;--spark-delay:4s;top:calc(100% - 200.5px)"></span><span aria-hidden="true" class="sn-grid-lightning sn-grid-lightning-v" style="--spark-dur:11s;--spark-delay:5.2s;left:840px"></span><span aria-hidden="true" data-reverse="true" class="sn-grid-lightning sn-grid-lightning-h" style="--spark-dur:9s;--spark-delay:6.4s;top:calc(100% - 80.5px)"></span></div></div><div class="relative mx-auto w-full max-w-(--max-width-content) z-10"><div class="relative px-6"><div class="relative text-center" style="opacity:0;transform:translateY(22px)"><h2 class="flex flex-wrap m:text-[56px] t:text-[64px] relative mx-auto max-w-[26ch] justify-center text-[30px] leading-[1.05] font-light tracking-[-0.025em]"><span class="relative mr-[0.26em] inline-block [font-size:inherit] [letter-spacing:inherit] [line-height:inherit] [font-style:inherit] [font-family:inherit]"><span style="opacity:0.12;filter:blur(6px);transform:translateY(8px)" class="inline-block [font-size:inherit] [letter-spacing:inherit] [line-height:inherit] [font-style:inherit] [font-family:inherit] font-light">Give<!-- --> </span></span><span class="relative mr-[0.26em] inline-block [font-size:inherit] [letter-spacing:inherit] [line-height:inherit] [font-style:inherit] [font-family:inherit]"><span style="opacity:0.12;filter:blur(6px);transform:translateY(8px)" class="inline-block [font-size:inherit] [letter-spacing:inherit] [line-height:inherit] [font-style:inherit] [font-family:inherit] font-light">your<!-- --> </span></span><span class="inline-flex flex-nowrap [font-size:inherit] [letter-spacing:inherit] [line-height:inherit] [font-style:inherit] [font-family:inherit]"><span class="relative mr-[0.26em] inline-block [font-size:inherit] [letter-spacing:inherit] [line-height:inherit] [font-style:inherit] [font-family:inherit]"><span style="opacity:0.12;filter:blur(6px);transform:translateY(8px)" class="inline-block [font-size:inherit] [letter-spacing:inherit] [line-height:inherit] [font-style:inherit] [font-family:inherit] font-light">agents<!-- --> </span></span><span class="relative mr-[0.26em] inline-block [font-size:inherit] [letter-spacing:inherit] [line-height:inherit] [font-style:inherit] [font-family:inherit]"><span style="opacity:0.12;filter:blur(6px);transform:translateY(8px)" class="inline-block [font-size:inherit] [letter-spacing:inherit] [line-height:inherit] [font-style:inherit] [font-family:inherit] font-light">a<!-- --> </span></span><span class="relative mr-[0.26em] inline-block [font-size:inherit] [letter-spacing:inherit] [line-height:inherit] [font-style:inherit] [font-family:inherit]"><span style="opacity:0.12;filter:blur(6px);transform:translateY(8px)" class="inline-block [font-size:inherit] [letter-spacing:inherit] [line-height:inherit] [font-style:inherit] [font-family:inherit] font-light">system<!-- --> </span></span></span><span aria-hidden="true" class="h-0 basis-full"></span><span class="inline-flex flex-nowrap [font-size:inherit] [letter-spacing:inherit] [line-height:inherit] [font-style:inherit] [font-family:inherit]"><span class="relative mr-[0.26em] inline-block [font-size:inherit] [letter-spacing:inherit] [line-height:inherit] [font-style:inherit] [font-family:inherit]"><span style="opacity:0.12;filter:blur(6px);transform:translateY(8px)" class="inline-block [font-size:inherit] [letter-spacing:inherit] [font-style:inherit] [font-family:inherit] font-bold sn-vetra-hero-accent [line-height:1.35
2]">worth<!-- --> </span></span><span class="relative mr-[0.26em] inline-block [font-size:inherit] [letter-spacing:inherit] [line-height:inherit] [font-style:inherit] [font-family:inherit]"><span style="opacity:0.12;filter:blur(6px);transform:translateY(8px)" class="inline-block [font-size:inherit] [letter-spacing:inherit] [font-style:inherit] [font-family:inherit] font-bold sn-vetra-hero-accent [line-height:1.35]">following<!-- --> </span></span></span></h2><p class="m:text-lg relative mx-auto mt-5 max-w-[46ch] text-base">See how Supernova documents, syncs, and serves your system in one place.</p><div class="relative mt-9 flex flex-wrap items-center justify-center gap-3"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-[inherit] group relative inline-flex items-center focus-visible:ring-neutral focus-visible:ring-offset-page h-fit max-w-fit cursor-pointer rounded-full focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none" href="/request-a-demo"><div class="absolute inset-[-4px] flex items-center justify-center overflow-hidden rounded-full"><div class="group-hover:border-primary transition-border absolute inset-0 rounded-full border border-transparent duration-500 ease-in-out group-hover:delay-500"></div><div class="button-gradient opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div></div><span class="relative inline-flex items-center gap-2 font-medium whitespace-nowrap outline-button-mask rounded-full px-6 py-3 outline-[3px] transition-colors sn-v-btn-primary">Book a demo<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-right size-4 transition-transform duration-300 group-hover:translate-x-1"><path d="M5 12l14 0"></path><path d="M13 18l6 -6"></path><path d="M13 6l6 6"></path></svg></span></a><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-[inherit] group relative inline-flex items-center h-auto rounded-none bg-transparent px-1 py-0 opacity-80 shadow-none hover:translate-y-0 hover:bg-transparent hover:opacity-100" href="/request-a-demo"><span class="relative inline-flex items-center gap-2 font-medium whitespace-nowrap h-auto text-sm">Talk to us<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-right size-4 transition-transform duration-300 group-hover:translate-x-1"><path d="M5 12l14 0"></path><path d="M13 18l6 -6"></path><path d="M13 6l6 6"></path></svg></span></a><!--/$--></div></div></div></div></section></div></main><footer class="dark sn-deep-footer sn-ink-footer"><section class="bg-page relative flex w-full justify-center border-b max-t:px-[40px] max-m:px-[20px] overflow-x-clip px-[120px]"><div class="max-m:border-none relative flex w-full max-w-(--max-width-content) min-w-0 flex-col border-r border-l"><div class="bg-fixed fade-to-left absolute right-full w-[calc((100vw-100%)/2)] opacity-12 max-m:hidden top-0 bottom-0" style="background-image:radial-gradient(circle, var(--sn-pattern-color, var(--color-neutral)) 1px, transparent 1px);background-size:6px 6px;background-repeat:repeat;background-position:top"></div><div class="bg-fixed fade-to-right absolute left-full w-[calc((100vw-100%)/2)] opacity-12 max-m:hidden top-0 bottom-0" style="background-image:radial-gradient(circle, var(--sn-pattern-color, var(--color-neutral)) 1px, transparent 1px);background-size:6px 6px;background-repeat:repeat;background-position:top"></div><div class="relative flex w-full flex-1 flex-col items-center justify-center"><div class="relative w-full h-vertical-huge border-b"><div class="bg-fixed fade-none max-m:left-0 max-m:right-0 absolute top-3 right-3 bottom-3 left-3 opacity-6" style="background-image:repeating-linear-gradient(135deg, transparent 0px, transparent 5px, var(--sn-pattern-color, var(--color-neutral)) 5px, var(--sn-pattern-color, var(--color-neutral)) 6px);background-repeat:repeat;background-position:top"></div></div><div class="flex w-full flex-col"><div class="gap-medium p-large max-t:flex-col max-t:py-vertical-xlarge flex items-center justify-between"><h2 class="title-3 text-neutral">Sign up for Supernova newsletter</h2><form class="max-m:flex-col flex w-full max-w-[600px] flex-col gap-2"><div class="max-m:flex-col flex items-center gap-4"><input type="email" placeholder="[email protected]" aria-label="Email for newsletter" class="paragraph text-neutral placeholder:text-neutral-faded hover:border-primary bg-page focus-visible:border-primary focus-visible:ring-primary focus-visible:ring-offset-page w-full rounded-xl border border-(--border-color) px-4 py-3 transition focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2" name="email" value=""/><button type="submit" class="group relative inline-flex h-fit max-w-fit roun
2ded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-page focus-visible:ring-neutral cursor-pointer"><div class="absolute inset-[-4px] flex items-center justify-center overflow-hidden rounded-full"><div class="group-hover:border-primary transition-border absolute inset-0 rounded-full border border-transparent duration-500 ease-in-out group-hover:delay-500"></div><div class="button-gradient opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div></div><div class="whitespace-nowrap relative rounded-full font-medium transition-colors px-6 py-3 outline-button-mask outline-[3px] bg-primary hover:bg-primary-highlighted text-on-primary">Subscribe</div></button></div></form></div><div class="max-t:grid-cols-1 grid grid-cols-3 gap-px bg-(--border-color) py-px"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-[inherit] group bg-page p-large hover:bg-page-highlighted hover:text-neutral max-t:flex-row hover:shadow-large flex flex-col gap-4 transition duration-300 hover:z-10" href="https://twitter.com/supernova_io" target="_blank" rel="noopener noreferrer"><div class="transition duration-300 group-hover:-translate-y-2"><div class="max-t:mb-2 mb-4 h-[32px] w-[32px]"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path fill="currentColor" d="M18.285 14.122 27.22 3.733h-2.117l-7.76 9.02-6.198-9.02H3.998l9.372 13.64-9.372 10.894h2.118l8.194-9.526 6.546 9.526h7.148zm-2.9 3.371-.95-1.358L6.879 5.328h3.253l6.097 8.722.95 1.358 7.926 11.337h-3.253z"></path></svg></div><div class="flex flex-col gap-[4px]"><h3 class="title-4 text-neutral">Stay up to date</h3><p class="body-small">Follow @supernova_io on X (formerly Twitter) for the latest news, design systems tips, and product updates.</p></div></div></a><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-[inherit] group bg-page p-large hover:bg-page-highlighted hover:text-neutral max-t:flex-row hover:shadow-large flex flex-col gap-4 transition duration-300 hover:z-10" href="https://learn.supernova.io/changelog" target="_blank" rel="noopener noreferrer"><div class="transition duration-300 group-hover:-translate-y-2"><div class="max-t:mb-2 mb-4 h-[32px] w-[32px]"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path fill="currentColor" d="M16.009 2c3.134 0 5.635 3.445 5.978 8.023 4.577.341 8.016 2.843 8.016 5.977s-3.443 5.636-8.02 5.977C21.638 26.554 19.138 30 16.004 30s-5.637-3.445-5.979-8.023C5.45 21.636 2 19.127 2 16s3.45-5.636 8.031-5.977C10.373 5.447 12.875 2 16.01 2m3.497 16.356c-1.22 1.948-3.926 3.346-7.233 3.616.134 1.515.556 2.902 1.22 3.985.414.673 1.291 1.803 2.512 1.803 1.22 0 2.096-1.13 2.51-1.803.819-1.336 1.269-3.13 1.27-5.058.003-.855-.091-1.709-.28-2.544m-9.48-6.087c-1.514.133-2.9.556-3.984 1.221h.006c-.673.414-1.81 1.291-1.81 2.512 0 1.22 1.131 2.096 1.804 2.51 1.333.811 3.129 1.268 5.056 1.268.855.003 1.709-.09 2.544-.278-1.947-1.22-3.346-3.925-3.616-7.232m10.872-.042a11.4 11.4 0 0 0-2.543.279c1.948 1.219 3.345 3.925 3.614 7.232 1.515-.133 2.903-.555 3.985-1.22.68-.422 1.803-1.297 1.803-2.518s-1.129-2.096-1.803-2.51c-1.326-.82-3.122-1.27-5.056-1.263m-4.511 1.85a1.962 1.962 0 1 0-.766 3.848 1.962 1.962 0 0 0 .766-3.848m-.389-9.837c-1.22 0-2.097 1.13-2.51 1.803h.005c-.813 1.336-1.27 3.13-1.27 5.058a11.5 11.5 0 0 0 .272 2.544c1.22-1.949 3.926-3.346 7.234-3.615-.133-1.516-.556-2.904-1.221-3.987-.414-.673-1.29-1.803-2.51-1.803"></path></svg></div><div class="flex flex-col gap-[4px]"><h3 class="title-4 text-neutral">See what&#x27;s new</h3><p class="body-small">Track what we build as we rapidly evolve Supernova, turning your feedback into features and ideas into reality.</p></div></div></a><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-[inherit] group bg-page p-large hover:bg-page-highlighted hover:text-neutral max-t:flex-row hover:shadow-large flex flex-col gap-4 transition duration-300 hover:z-10" href="https://community.supernova.io/" target="_blank" rel="noopener noreferrer"><div class="transition duration-300 group-hover:-translate-y-2"><div class="max-t:mb-2 mb-4 h-[32px] w-[32px]"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
2<path fill="currentColor" d="M9.06 19.172a2.52 2.52 0 0 1-2.52 2.522 2.52 2.52 0 0 1-2.521-2.522 2.52 2.52 0 0 1 2.52-2.522h2.52zm1.26 0a2.52 2.52 0 0 1 2.52-2.522 2.52 2.52 0 0 1 2.52 2.522v6.306A2.52 2.52 0 0 1 12.84 28a2.52 2.52 0 0 1-2.52-2.522zM12.84 9.045a2.52 2.52 0 0 1-2.52-2.523A2.52 2.52 0 0 1 12.84 4a2.52 2.52 0 0 1 2.52 2.522v2.523zm0 1.28a2.52 2.52 0 0 1 2.52 2.522 2.52 2.52 0 0 1-2.52 2.522H6.52A2.52 2.52 0 0 1 4 12.847a2.52 2.52 0 0 1 2.52-2.522zM22.94 12.847a2.52 2.52 0 0 1 2.52-2.522 2.52 2.52 0 0 1 2.52 2.522 2.52 2.52 0 0 1-2.52 2.522h-2.52zm-1.26 0a2.52 2.52 0 0 1-2.52 2.522 2.52 2.52 0 0 1-2.52-2.522V6.522A2.52 2.52 0 0 1 19.16 4a2.52 2.52 0 0 1 2.52 2.522zM19.16 22.955a2.52 2.52 0 0 1 2.52 2.523A2.52 2.52 0 0 1 19.16 28a2.52 2.52 0 0 1-2.52-2.522v-2.523zm0-1.26a2.52 2.52 0 0 1-2.52-2.523 2.52 2.52 0 0 1 2.52-2.522h6.32A2.52 2.52 0 0 1 28 19.172a2.52 2.52 0 0 1-2.52 2.522z"></path></svg></div><div class="flex flex-col gap-[4px]"><h3 class="title-4 text-neutral">Join our Slack community</h3><p class="body-small">Join Supernova Friends on Slack to connect and learn with other design system practitioners.</p></div></div></a><!--/$--></div><div class="px-large py-vertical-xlarge gap-vertical-xlarge flex flex-col"><div class="max-t:flex max-t:flex-col max-t:gap-vertical-xlarge grid grid-cols-5"><div class="max-t:flex-row max-t:justify-between flex flex-col"><div class="max-t:mt-auto mb-4 mb-auto flex flex-wrap gap-4"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-neutral h-[24px] w-[24px] transition" href="https://twitter.com/supernova_io" aria-label="X (Twitter)" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path fill="currentColor" d="M18.285 14.122 27.22 3.733h-2.117l-7.76 9.02-6.198-9.02H3.998l9.372 13.64-9.372 10.894h2.118l8.194-9.526 6.546 9.526h7.148zm-2.9 3.371-.95-1.358L6.879 5.328h3.253l6.097 8.722.95 1.358 7.926 11.337h-3.253z"></path></svg></a><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-neutral h-[24px] w-[24px] transition" href="https://github.com/Supernova-Studio/" aria-label="GitHub" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><g clip-path="url(#github_svg__a)"><path fill="currentColor" fill-rule="evenodd" d="M16 3.2C8.96 3.2 3.2 8.96 3.2 16c0 5.6 3.68 10.4 8.8 12.16.64.16.8-.32.8-.64v-2.24c-3.52.8-4.32-1.76-4.32-1.76-.64-1.44-1.44-1.92-1.44-1.92-1.12-.8.16-.8.16-.8 1.28.16 1.92 1.28 1.92 1.28 1.12 1.92 3.04 1.44 3.68 1.12.16-.8.48-1.44.8-1.76-2.88-.32-5.76-1.44-5.76-6.4 0-1.44.48-2.56 1.28-3.36-.16-.32-.64-1.6.16-3.36 0 0 1.12-.32 3.52 1.28.96 0 2.08-.16 3.2-.16s2.24.16 3.2.48c2.4-1.6 3.52-1.28 3.52-1.28.64 1.76.32 3.04.16 3.36.8.96 1.28 2.08 1.28 3.36 0 4.96-3.04 5.92-5.92 6.24.48.48.96 1.28.96 2.4v3.52c0 .32.16.8.96.64C25.12 26.4 28.8 21.6 28.8 16c0-7.04-5.76-12.8-12.8-12.8" clip-rule="evenodd"></path></g><defs><clipPath id="github_svg__a"><path fill="#fff" d="M3.2 3.2h25.6v24.96H3.2z"></path></clipPath></defs></svg></a><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-neutral h-[24px] w-[24px] transition" href="https://www.youtube.com/c/Supernova-io" aria-label="YouTube" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><g clip-path="url(#youtube_svg__a)"><path fill="currentColor" d="M29.806 9.555a3.61 3.61 0 0 0-2.538-2.538C25.014 6.4 15.999 6.4 15.999 6.4s-9.014 0-11.268.593a3.68 3.68 0 0 0-2.538 2.562C1.6 11.81 1.6 16.482 1.6 16.482s0 4.698.593 6.928a3.61 3.61 0 0 0 2.538 2.538c2.277.617 11.269.617 11.269.617s9.014 0 11.268-.593a3.61 3.61 0 0 0 2.538-2.539c.593-2.253.593-6.927.593-6.927s.024-4.697-.593-6.95"></path><path fill="#fff" d="m20.625 16.482-7.496-4.317V20.8z"></path></g><defs><clipPath id="youtube_svg__a"><path fill="#fff" d="M1.6 6.4h28.8v20.165H1.6z"></path></clipPath></defs></svg></a><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-neutral h-[24px] w-[24px] transition" href="https://www.linkedin.com/company/supernova-io/" aria-label="LinkedIn" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
2<path fill="currentColor" d="M4.96 26.4H9.6V9.12H4.96zM7.2 7.2c-1.6 0-2.72-1.28-2.72-2.72S5.76 1.6 7.2 1.6s2.72 1.28 2.72 2.72S8.8 7.2 7.2 7.2m21.28 19.2h-4.64v-8.8c0-5.28-6.24-4.96-6.24 0v8.8h-4.8V9.12h4.8v2.72c2.24-4 11.04-4.32 11.04 3.84V26.4z"></path></svg></a><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-neutral h-[24px] w-[24px] transition" href="https://community.supernova.io/" aria-label="Slack" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path fill="currentColor" d="M9.06 19.172a2.52 2.52 0 0 1-2.52 2.522 2.52 2.52 0 0 1-2.521-2.522 2.52 2.52 0 0 1 2.52-2.522h2.52zm1.26 0a2.52 2.52 0 0 1 2.52-2.522 2.52 2.52 0 0 1 2.52 2.522v6.306A2.52 2.52 0 0 1 12.84 28a2.52 2.52 0 0 1-2.52-2.522zM12.84 9.045a2.52 2.52 0 0 1-2.52-2.523A2.52 2.52 0 0 1 12.84 4a2.52 2.52 0 0 1 2.52 2.522v2.523zm0 1.28a2.52 2.52 0 0 1 2.52 2.522 2.52 2.52 0 0 1-2.52 2.522H6.52A2.52 2.52 0 0 1 4 12.847a2.52 2.52 0 0 1 2.52-2.522zM22.94 12.847a2.52 2.52 0 0 1 2.52-2.522 2.52 2.52 0 0 1 2.52 2.522 2.52 2.52 0 0 1-2.52 2.522h-2.52zm-1.26 0a2.52 2.52 0 0 1-2.52 2.522 2.52 2.52 0 0 1-2.52-2.522V6.522A2.52 2.52 0 0 1 19.16 4a2.52 2.52 0 0 1 2.52 2.522zM19.16 22.955a2.52 2.52 0 0 1 2.52 2.523A2.52 2.52 0 0 1 19.16 28a2.52 2.52 0 0 1-2.52-2.522v-2.523zm0-1.26a2.52 2.52 0 0 1-2.52-2.523 2.52 2.52 0 0 1 2.52-2.522h6.32A2.52 2.52 0 0 1 28 19.172a2.52 2.52 0 0 1-2.52 2.522z"></path></svg></a><!--/$--></div></div><div class="max-m:grid-cols-2 max-m:gap-vertical-xlarge col-span-4 grid grid-cols-4"><div class="gap-small flex flex-col"><h3 class="title-4 text-neutral">Platform</h3><ul class="gap-xsmall flex flex-col"><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="/design-system-management">Manage</a><!--/$--></li><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="/documentation">Document</a><!--/$--></li><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="https://learn.supernova.io/latest/ai/contexts/contexts-101-ErxZIQdR" target="_blank" rel="noopener noreferrer">Deliver</a><!--/$--></li><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="https://learn.supernova.io/latest/ai/contexts/feedback-7dxKEd1s" target="_blank" rel="noopener noreferrer">Improve</a><!--/$--></li><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="/integrations">Integrations</a><!--/$--></li></ul></div><div class="gap-small flex flex-col"><h3 class="title-4 text-neutral">Resources</h3><ul class="gap-xsmall flex flex-col"><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="/blog">Blog</a><!--/$--></li><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="/roi">ROI calculator</a><!--/$--></li><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="/vs/zeroheight">Supernova vs Zeroheight</a><!--/$--></li><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="https://learn.supernova.io/" target="_blank" rel="noopener noreferrer">Learn Supernova</a><!--/$--></li><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="https://supernova-help.zendesk.com/hc/en-us" target="_blank" rel="noopener noreferrer">FAQ</a><!--/$--></li><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="https://community.supernova.io/" target="_blank" rel="noopener noreferrer">Slack Community</a><!--/$--></li><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="https://developers.supernova.io/" target="_blank" rel="noopener noreferrer">Developers</a><!--/$--></li></ul></div><div class="gap-small flex flex-col"><h3 class="title-4 text-neutral">Product</h3><ul class="gap-xsmall flex flex-col"><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="/2025">2025 Wrap-up</a><!--/$--></li><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="/pricing">Pricing</a><!--/$--></li><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="/enterprise">Enterprise</a><!--/$--></li><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="/customers">Customers</a><!--/$--></li><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="https://learn.supernova.io/changelog" target="_blank" rel="noopener noreferrer">Changelog</a><!--/$--></li><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="https://status.supernova.io/" target="_blank" rel="noopener noreferrer">Status</a><!--/$--></li></ul></div><div class="gap-small flex flex-col"><h3 class="title-4 text-neutral">Company</h3><ul class="gap-xsmall flex flex-col"><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="/careers">Careers</a><!--/$--></li><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="https://app.vanta.com/supernova.io/trust/gi7a46lxd23m07sgju3ook" target="_blank" rel="noopener noreferrer">Trust center</a><!--/$--></li><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="/legal/privacy-policy">Privacy Policy</a><!--/$--></li><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="/legal/terms-and-conditions">Terms &amp; Conditions</a><!--/$--></li><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="/legal/master-subscription-agreement">Master Subscription Agreement</a><!--/$--></li><li><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word body-small text-neutral-faded hover:text-primary transition" href="/for-ai">For AI agents</a><!--/$--></li></ul></div></div></div><div class="flex items-center justify-between"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><a class="wrap-break-word text-neutral mr-4 inline-block w-fit" aria-label="Supernova.io" href="/"><svg xmlns="http://www.w3.org/2000/svg" width="146" height="28" fill="none">
2<path fill="currentColor" d="M8.02 10.272c-1.514.134-2.899.556-3.981 1.22-.673.413-1.802 1.288-1.802 2.508s1.129 2.095 1.802 2.508c1.332.818 3.125 1.268 5.051 1.268.886 0 1.743-.096 2.541-.28-1.946-1.217-3.342-3.92-3.611-7.224m5.965-8.02c-1.22 0-2.095 1.13-2.508 1.803-.818 1.332-1.268 3.126-1.268 5.05 0 .886.096 1.743.279 2.541 1.218-1.946 3.921-3.341 7.225-3.61-.135-1.514-.557-2.9-1.221-3.981-.413-.673-1.288-1.802-2.507-1.802m11.747 11.749c0-1.22-1.129-2.095-1.801-2.508-1.332-.819-3.126-1.268-5.052-1.268-.885 0-1.743.095-2.541.279 1.946 1.218 3.343 3.92 3.611 7.225 1.514-.136 2.9-.557 3.982-1.221.672-.413 1.801-1.288 1.801-2.507m-11.747-1.958a1.957 1.957 0 1 0-.002 3.914 1.957 1.957 0 0 0 .002-3.915m0 13.705c1.219 0 2.094-1.13 2.507-1.802.818-1.332 1.269-3.126 1.269-5.052 0-.884-.097-1.742-.28-2.54-1.218 1.945-3.921 3.343-7.225 3.61.135 1.515.557 2.9 1.221 3.983.413.672 1.288 1.8 2.508 1.8m0 2.236c-3.131 0-5.63-3.44-5.972-8.013C3.442 19.63 0 17.132 0 14.002s3.442-5.63 8.013-5.972C8.355 3.457 10.854.014 13.985.014c3.13 0 5.629 3.443 5.971 8.013 4.572.342 8.013 2.842 8.013 5.973s-3.441 5.629-8.013 5.97c-.342 4.573-2.841 8.014-5.971 8.014m93.677-7.929v-7.001c.026-3.397-1.867-5.37-4.875-5.37-1.323 0-3.294.624-4.021 2.102V7.945H96.51v12.11h2.256v-6.56c0-2.62 2.023-3.58 3.709-3.58s2.931 1.246 2.931 3.269v6.871zM95.039 10.28a4.2 4.2 0 0 0-1.764-.415c-2.412 0-3.37 2.568-3.37 5.758v4.434h-2.282V7.945h2.281v2.749c.623-2.127 1.79-3.01 3.398-3.01.64 0 1.296.133 1.737.296zm-15.086-.467c1.997 0 3.476 1.14 3.761 3.216H76.09c.363-2.18 1.815-3.216 3.864-3.216m-3.89 5.16h9.856l.003-.037c.024-.324.048-.649.048-.973 0-3.84-2.568-6.277-6.017-6.277s-6.224 2.438-6.224 6.277 2.775 6.354 6.224 6.354c2.335 0 4.513-1.09 5.576-3.19l-1.97-.778c-.675 1.219-2.05 1.84-3.528 1.84-2.075 0-3.63-1.062-3.968-3.215m-37.806 1.479h-2.1c.103 2.49 2.333 3.865 4.512 3.865 2.516 0 4.694-1.375 4.694-3.632 0-1.374-.648-2.879-3.164-3.501l-1.79-.441c-.777-.182-1.556-.622-1.556-1.452 0-.934.78-1.634 1.946-1.634.96 0 1.92.623 1.945 1.556h2.178c0-2.438-2.126-3.527-4.175-3.527-2.438 0-4.15 1.53-4.15 3.527 0 1.945 1.167 2.931 3.19 3.476l1.66.388c.96.208 1.66.675 1.66 1.583 0 .985-.908 1.686-2.438 1.686-1.478 0-2.386-.857-2.412-1.894m19.883 3.605V7.944h-2.257v6.562c-.026 2.62-2.049 3.58-3.735 3.58s-2.905-1.246-2.905-3.269V7.944h-2.256v7.002c-.026 3.398 1.841 5.37 4.877 5.37 1.348 0 3.294-.649 4.02-2.153v1.893zm12.055-6.017c0-2.412-1.764-4.228-3.994-4.228-2.152 0-4.098 1.634-4.098 4.228 0 2.62 2.127 4.15 4.098 4.15 2.23 0 3.994-1.712 3.994-4.15m2.282-.026c0 3.838-2.723 6.302-6.043 6.302-1.815 0-3.527-.726-4.331-2.152v8.227h-2.256V7.944h2.256v1.92c.804-1.4 2.568-2.179 4.305-2.179 3.32 0 6.069 2.515 6.069 6.328m46.935-.052c0-2.49-1.867-4.149-4.098-4.149-2.204 0-4.046 1.66-4.046 4.15 0 2.515 1.842 4.227 4.046 4.227 2.231 0 4.098-1.712 4.098-4.228m-10.426 0c0-3.838 2.879-6.276 6.328-6.276s6.354 2.438 6.354 6.276-2.904 6.354-6.354 6.354c-3.449 0-6.328-2.516-6.328-6.354m19.588 6.095 5.057-12.112h-2.438l-3.708 9.233-3.735-9.233h-2.412l5.031 12.112zm15.17-6.095c0-2.62-2.126-4.149-4.124-4.149-2.204 0-3.968 1.711-3.968 4.15 0 2.411 1.764 4.227 3.968 4.227 2.179 0 4.124-1.634 4.124-4.228M146 7.944v12.112h-2.256v-1.92c-.804 1.401-2.567 2.18-4.305 2.18-3.32 0-6.069-2.517-6.069-6.329 0-3.839 2.723-6.302 6.043-6.302 1.815 0 3.527.726 4.331 2.152V7.944z"></path></svg></a><!--/$--><div class="flex items-center gap-3"><p class="body-small text-neutral-faded">© <!-- -->2026<!-- --> Supernova.io Inc.</p></div></div></div></div></div></div></section></footer></section></div>
2<script src="/_next/static/chunks/webpack-7b3950604a8789f9.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK" async=""></script>
2<script>(self.__next_f=self.__next_f||[]).push([0])</script>
2<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[69243,[\"9066\",\"static/chunks/dc112a36-18909a95e93ec969.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"8607\",\"static/chunks/8607-82e1710a33768079.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3063\",\"static/chunks/3063-61f96f2b62c9e64f.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7244\",\"static/chunks/7244-9e774de0bfe4ebea.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7579\",\"static/chunks/7579-4473dccd3b459957.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"5940\",\"static/chunks/5940-3ac3146bf1af3a58.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"1530\",\"static/chunks/1530-5822204c6a2e7f3d.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"512\",\"static/chunks/512-af26f5f15d04cba3.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3770\",\"static/chunks/3770-4afffe6d5fec4834.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"5921\",\"static/chunks/5921-a96afb7c6be0c574.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7601\",\"static/chunks/7601-e03394c36dafe226.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7987\",\"static/chunks/7987-6dde21204cb2d803.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3018\",\"static/chunks/3018-8095a77ac1f50b2e.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"4974\",\"static/chunks/4974-6fcb8bea58109ec0.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"9430\",\"static/chunks/9430-5529bcb71c208d55.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7177\",\"static/chunks/app/layout-2aec5b2c673f06b6.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\"],\"\"]\n3:I[51478,[\"9066\",\"static/chunks/dc112a36-18909a95e93ec969.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"8607\",\"static/chunks/8607-82e1710a33768079.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3063\",\"static/chunks/3063-61f96f2b62c9e64f.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7244\",\"static/chunks/7244-9e774de0bfe4ebea.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7579\",\"static/chunks/7579-4473dccd3b459957.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"5940\",\"static/chunks/5940-3ac3146bf1af3a58.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"1530\",\"static/chunks/1530-5822204c6a2e7f3d.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"512\",\"static/chunks/512-af26f5f1"])</script>
2<script>self.__next_f.push([1,"5d04cba3.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3770\",\"static/chunks/3770-4afffe6d5fec4834.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"5921\",\"static/chunks/5921-a96afb7c6be0c574.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7601\",\"static/chunks/7601-e03394c36dafe226.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7987\",\"static/chunks/7987-6dde21204cb2d803.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3018\",\"static/chunks/3018-8095a77ac1f50b2e.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"4974\",\"static/chunks/4974-6fcb8bea58109ec0.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"9430\",\"static/chunks/9430-5529bcb71c208d55.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7177\",\"static/chunks/app/layout-2aec5b2c673f06b6.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\"],\"ThemeProviders\"]\n4:\"$Sreact.suspense\"\n5:I[86248,[\"9066\",\"static/chunks/dc112a36-18909a95e93ec969.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"8607\",\"static/chunks/8607-82e1710a33768079.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3063\",\"static/chunks/3063-61f96f2b62c9e64f.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7244\",\"static/chunks/7244-9e774de0bfe4ebea.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7579\",\"static/chunks/7579-4473dccd3b459957.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"5940\",\"static/chunks/5940-3ac3146bf1af3a58.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"1530\",\"static/chunks/1530-5822204c6a2e7f3d.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"512\",\"static/chunks/512-af26f5f15d04cba3.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3770\",\"static/chunks/3770-4afffe6d5fec4834.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"5921\",\"static/chunks/5921-a96afb7c6be0c574.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7601\",\"static/chunks/7601-e03394c36dafe226.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7987\",\"static/chunks/7987-6dde21204cb2d803.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3018\",\"static/chunks/3018-8095a77ac1f50b2e.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"4974\",\"static/chunks/4974-6fcb8bea58109ec0.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"9430\",\"static/chunks/9430-5529bcb71c208d55.js?dpl=dpl_3QKfwUuYaD8R3x"])</script>
2<script>self.__next_f.push([1,"Wix9bLHfQrVwCK\",\"7177\",\"static/chunks/app/layout-2aec5b2c673f06b6.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\"],\"default\"]\n6:I[76707,[\"9066\",\"static/chunks/dc112a36-18909a95e93ec969.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"8607\",\"static/chunks/8607-82e1710a33768079.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3063\",\"static/chunks/3063-61f96f2b62c9e64f.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7244\",\"static/chunks/7244-9e774de0bfe4ebea.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7579\",\"static/chunks/7579-4473dccd3b459957.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"5940\",\"static/chunks/5940-3ac3146bf1af3a58.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"1530\",\"static/chunks/1530-5822204c6a2e7f3d.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"512\",\"static/chunks/512-af26f5f15d04cba3.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3770\",\"static/chunks/3770-4afffe6d5fec4834.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"5921\",\"static/chunks/5921-a96afb7c6be0c574.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7601\",\"static/chunks/7601-e03394c36dafe226.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7987\",\"static/chunks/7987-6dde21204cb2d803.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3018\",\"static/chunks/3018-8095a77ac1f50b2e.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"4974\",\"static/chunks/4974-6fcb8bea58109ec0.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"9430\",\"static/chunks/9430-5529bcb71c208d55.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7177\",\"static/chunks/app/layout-2aec5b2c673f06b6.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\"],\"VetraSiteChrome\"]\n7:I[14595,[\"9066\",\"static/chunks/dc112a36-18909a95e93ec969.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"8607\",\"static/chunks/8607-82e1710a33768079.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3063\",\"static/chunks/3063-61f96f2b62c9e64f.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7244\",\"static/chunks/7244-9e774de0bfe4ebea.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7579\",\"static/chunks/7579-4473dccd3b459957.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"5940\",\"static/chunks/5940-3ac3146bf1af3a58.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"1530"])</script>
2<script>self.__next_f.push([1,"\",\"static/chunks/1530-5822204c6a2e7f3d.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"512\",\"static/chunks/512-af26f5f15d04cba3.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3770\",\"static/chunks/3770-4afffe6d5fec4834.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"5921\",\"static/chunks/5921-a96afb7c6be0c574.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7601\",\"static/chunks/7601-e03394c36dafe226.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7987\",\"static/chunks/7987-6dde21204cb2d803.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3018\",\"static/chunks/3018-8095a77ac1f50b2e.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"4974\",\"static/chunks/4974-6fcb8bea58109ec0.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"9430\",\"static/chunks/9430-5529bcb71c208d55.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7177\",\"static/chunks/app/layout-2aec5b2c673f06b6.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\"],\"default\"]\n8:I[42750,[\"9066\",\"static/chunks/dc112a36-18909a95e93ec969.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"8607\",\"static/chunks/8607-82e1710a33768079.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3063\",\"static/chunks/3063-61f96f2b62c9e64f.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7244\",\"static/chunks/7244-9e774de0bfe4ebea.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7579\",\"static/chunks/7579-4473dccd3b459957.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"5940\",\"static/chunks/5940-3ac3146bf1af3a58.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"1530\",\"static/chunks/1530-5822204c6a2e7f3d.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"512\",\"static/chunks/512-af26f5f15d04cba3.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3770\",\"static/chunks/3770-4afffe6d5fec4834.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"5921\",\"static/chunks/5921-a96afb7c6be0c574.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7601\",\"static/chunks/7601-e03394c36dafe226.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7987\",\"static/chunks/7987-6dde21204cb2d803.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3018\",\"static/chunks/3018-8095a77ac1f50b2e.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"4974\",\"static/chunks/4974-6fcb8bea58109ec0.js?dpl=dpl_3QKfwUuYaD8R3x"])</script>
2<script>self.__next_f.push([1,"Wix9bLHfQrVwCK\",\"9430\",\"static/chunks/9430-5529bcb71c208d55.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7177\",\"static/chunks/app/layout-2aec5b2c673f06b6.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\"],\"SNNavigationSection\"]\n9:I[87555,[],\"\"]\na:I[31295,[],\"\"]\nb:I[62139,[\"8607\",\"static/chunks/8607-82e1710a33768079.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3063\",\"static/chunks/3063-61f96f2b62c9e64f.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7244\",\"static/chunks/7244-9e774de0bfe4ebea.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"4345\",\"static/chunks/app/not-found-7bc44ae2bdfa2b34.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\"],\"default\"]\nc:I[11003,[\"8607\",\"static/chunks/8607-82e1710a33768079.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3063\",\"static/chunks/3063-61f96f2b62c9e64f.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7244\",\"static/chunks/7244-9e774de0bfe4ebea.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"4345\",\"static/chunks/app/not-found-7bc44ae2bdfa2b34.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\"],\"default\"]\nd:I[33063,[\"8607\",\"static/chunks/8607-82e1710a33768079.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3063\",\"static/chunks/3063-61f96f2b62c9e64f.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7244\",\"static/chunks/7244-9e774de0bfe4ebea.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7579\",\"static/chunks/7579-4473dccd3b459957.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"5940\",\"static/chunks/5940-3ac3146bf1af3a58.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"1530\",\"static/chunks/1530-5822204c6a2e7f3d.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"4974\",\"static/chunks/4974-6fcb8bea58109ec0.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"9430\",\"static/chunks/9430-5529bcb71c208d55.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"2684\",\"static/chunks/2684-929eda306146f82c.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"6909\",\"static/chunks/app/blog/%5B...slug%5D/page-7bf0200df9e13045.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\"],\"Image\"]\ne:I[65072,[\"9066\",\"static/chunks/dc112a36-18909a95e93ec969.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"8607\",\"static/chunks/8607-82e1710a33768079.js?dpl=dpl_3QKfw"])</script>
2<script>self.__next_f.push([1,"UuYaD8R3xWix9bLHfQrVwCK\",\"3063\",\"static/chunks/3063-61f96f2b62c9e64f.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7244\",\"static/chunks/7244-9e774de0bfe4ebea.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7579\",\"static/chunks/7579-4473dccd3b459957.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"5940\",\"static/chunks/5940-3ac3146bf1af3a58.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"1530\",\"static/chunks/1530-5822204c6a2e7f3d.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"512\",\"static/chunks/512-af26f5f15d04cba3.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3770\",\"static/chunks/3770-4afffe6d5fec4834.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"5921\",\"static/chunks/5921-a96afb7c6be0c574.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7601\",\"static/chunks/7601-e03394c36dafe226.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7987\",\"static/chunks/7987-6dde21204cb2d803.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3018\",\"static/chunks/3018-8095a77ac1f50b2e.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"4974\",\"static/chunks/4974-6fcb8bea58109ec0.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"9430\",\"static/chunks/9430-5529bcb71c208d55.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7177\",\"static/chunks/app/layout-2aec5b2c673f06b6.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\"],\"SNFooter\"]\n10:I[59665,[],\"OutletBoundary\"]\n13:I[59665,[],\"ViewportBoundary\"]\n15:I[59665,[],\"MetadataBoundary\"]\n17:I[26614,[],\"\"]\n:HL[\"/_next/static/media/4c9affa5bc8f420e-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/640fa8858a985706.css?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"style\"]\n:HL[\"/_next/static/css/5f71dc5a6aca9218.css?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"style\"]\n:HL[\"/_next/static/css/7321eb8c50586f7d.css?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"style\"]\n:HL[\"/_next/static/css/1ef65ece43ef8e8d.css?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"style\"]\n:HL[\"/_next/static/css/751d98137602e97f.css?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"style\"]\n"])</script>
2<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"F9341yZ46XQlZ42_8fG9f\",\"p\":\"\",\"c\":[\"\",\"blog\",\"introducing-supernova-editor-mcp\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"blog\",{\"children\":[[\"slug\",\"introducing-supernova-editor-mcp\",\"c\"],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/640fa8858a985706.css?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/5f71dc5a6aca9218.css?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/7321eb8c50586f7d.css?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/1ef65ece43ef8e8d.css?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en-us\",\"className\":\"__variable_73ee6c scroll-smooth\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"$L2\",null,{\"id\":\"google-tag-manager\",\"strategy\":\"beforeInteractive\",\"children\":\"(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\\nj=d.createElement(s),dl=l!='dataLayer'?'\u0026l='+l:'';j.async=true;
2j.src=\\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\\n})(window,document,'script','dataLayer','GTM-KZ3J3M3');\"}],[\"$\",\"link\",null,{\"rel\":\"manifest\",\"href\":\"/static/favicons/site.webmanifest\"}],[\"$\",\"meta\",null,{\"name\":\"msapplication-TileColor\",\"content\":\"#000000\"}],[\"$\",\"meta\",null,{\"name\":\"theme-color\",\"media\":\"(prefers-color-scheme: light)\",\"content\":\"#fff\"}],[\"$\",\"meta\",null,{\"name\":\"theme-color\",\"media\":\"(prefers-color-scheme: dark)\",\"content\":\"#000\"}],[\"$\",\"link\",null,{\"rel\":\"alternate\",\"type\":\"application/rss+xml\",\"href\":\"/feed.xml\"}]]}],[\"$\",\"body\",null,{\"className\":\"bg-page text-neutral-faded antialiased\",\"children\":[[\"$\",\"noscript\",null,{\"children\":[\"$\",\"iframe\",null,{\"src\":\"https://www.googletagmanager.com/ns.html?id=GTM-KZ3J3M3\",\"height\":0,\"width\":0,\"style\":{\"display\":\"none\",\"visibility\":\"hidden\"},\"title\":\"Google Tag Manager\"}]}],[\"$\",\"$L2\",null,{\"id\":\"customer-io-forms\",\"strategy\":\"afterInteractive\",\"type\":\"text/javascript\",\"dangerouslySetInnerHTML\":{\"__html\":\"(function() {\\n    var t = document.createElement('script'),\\n        s = document.getElementsByTagName('script')[0];\\n    t.async = true;\\n    t.id    = 'cio-forms-handler';\\n    t.setAttribute('data-site-id', 'd3a800fe37ceb131d3c6');\\n    t.setAttribute('data-base-url', 'https://customerioforms.com');\\n\\n    t.src = 'https://customerioforms.com/assets/forms.js';\\n\\n    s.parentNode.insertBefore(t, s);\\n  })();\"}}],false,[\"$\",\"div\",null,{\"className\":\"root flex min-h-screen flex-col\",\"children\":[\"$\",\"$L3\",null,{\"children\":[[\"$\",\"$4\",null,{\"children\":[\"$\",\"$L5\",null,{}]}],[\"$\",\"section\",null,{\"className\":\"flex flex-1 flex-col\",\"children\":[[[\"$\",\"$L6\",null,{}],[\"$\",\"$L7\",null,{\"featuredPosts\":[{\"title\":\"Introducing Supernova Editor MCP\",\"href\":\"/blog/introducing-supernova-editor-mcp\",\"image\":\"/static/images/blog/introducing-supernova-editor-mcp/hero.png\"},{\"title\":\"Top 10 Government Design Systems in 2026\",\"href\":\"/blog/top-10-government-design-systems-enhancing-digital-public-services\",\"image\":\"/static/images/blog/top-10-government-design-systems-enhancing-digital-public-services/hero.png\"}]}],[\"$\",\"$L8\",null,{}],[\"$\",\"main\",null,{\"className\":\"flex flex-1 flex-col\",\"children\":[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$La\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"section\",null,{\"id\":\"$undefined\",\"className\":\"bg-page relative flex w-full justify-center border-b max-t:px-[40px] max-m:px-[20px] overflow-x-clip px-[120px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-m:border-none relative flex w-full max-w-(--max-width-content) min-w-0 flex-col border-r border-l\",\"children\":[[\"$\",\"$Lb\",null,{\"fade\":\"to-left\",\"className\":\"max-m:hidden top-0 bottom-0\"}],[\"$\",\"$Lb\",null,{\"fade\":\"to-right\",\"className\":\"max-m:hidden top-0 bottom-0\"}],[\"$\",\"div\",null,{\"className\":\"relative flex w-full flex-1 flex-col items-center justify-center\",\"children\":[\"$\",\"div\",null,{\"className\":\"px-xlarge py-vertical-huge max-m:py-vertical-xlarge flex flex-col items-center justify-center text-center\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"title-1 text-neutral pb-medium\",\"children\":\"404\"}],[\"$\",\"p\",null,{\"className\":\"paragraph text-neutral-faded pb-vertical-large max-w-[480px]\",\"children\":\"Oh no! We can't find a Supernova in this quadrant. Check your coordinates and try again.\"}],[\"$\",\"div\",null,{\"className\":\"t:flex-nowrap flex w-full min-w-0 flex-wrap items-center justify-center gap-3\",\"role\":\"navigation\",\"aria-label\":\"Suggested pages\",\"children\":[[\"$\",\"$Lc\",null,{\"href\":\"/\",\"size\":\"small\",\"children\":\"Navigate home\"}],[[\"$\",\"$Lc\",\"/design-system-management\",{\"href\":\"/design-system-management\",\"variant\":\"secondary\",\"size\":\"small\",\"children\":\"Manage\"}],[\"$\",\"$Lc\",\"/documentation\",{\"href\":\"/documentation\",\"variant\":\"secondary\",\"size\":\"small\",\"children\":\"Document\"}],[\"$\",\"$Lc\",\"https://learn.supernova.io/latest/ai/contexts/feedback-7dxKEd1s\",{\"href\":\"https://learn.supernova.io/latest/ai/contexts/feedback-7dxKEd1s\",\"variant\":\"secondary\",\"size\":\"small\",\"children\":\"Improve\"}]]]}],[\"$\",\"$Ld\",null,{\"src\":\"/static/images/outer-space.svg\",\"unoptimized\":false,\"alt\":\"Illustration of outer space with coordinates and a stylized Supernova\",\"width\":340,\"height\"
2:340,\"priority\":true,\"className\":\"mt-15\"}]]}]}]]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]],[\"$\",\"$Le\",null,{}]]}]]}]}]]}]]}]]}],{\"children\":[\"blog\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$La\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"slug\",\"introducing-supernova-editor-mcp\",\"c\"],[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$La\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[\"$Lf\",\"$undefined\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/751d98137602e97f.css?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$L10\",null,{\"children\":[\"$L11\",\"$L12\",null]}]]}],{},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"s0ln6oF3JjmRnFIlk18c0\",{\"children\":[[\"$\",\"$L13\",null,{\"children\":\"$L14\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],[\"$\",\"$L15\",null,{\"children\":\"$L16\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$17\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script>
2<script>self.__next_f.push([1,"18:I[40628,[\"8607\",\"static/chunks/8607-82e1710a33768079.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3063\",\"static/chunks/3063-61f96f2b62c9e64f.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7244\",\"static/chunks/7244-9e774de0bfe4ebea.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7579\",\"static/chunks/7579-4473dccd3b459957.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"5940\",\"static/chunks/5940-3ac3146bf1af3a58.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"1530\",\"static/chunks/1530-5822204c6a2e7f3d.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"4974\",\"static/chunks/4974-6fcb8bea58109ec0.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"9430\",\"static/chunks/9430-5529bcb71c208d55.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"2684\",\"static/chunks/2684-929eda306146f82c.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"6909\",\"static/chunks/app/blog/%5B...slug%5D/page-7bf0200df9e13045.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\"],\"default\"]\n19:I[65567,[\"8607\",\"static/chunks/8607-82e1710a33768079.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3063\",\"static/chunks/3063-61f96f2b62c9e64f.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7244\",\"static/chunks/7244-9e774de0bfe4ebea.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7579\",\"static/chunks/7579-4473dccd3b459957.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"5940\",\"static/chunks/5940-3ac3146bf1af3a58.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"1530\",\"static/chunks/1530-5822204c6a2e7f3d.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"4974\",\"static/chunks/4974-6fcb8bea58109ec0.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"9430\",\"static/chunks/9430-5529bcb71c208d55.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"2684\",\"static/chunks/2684-929eda306146f82c.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"6909\",\"static/chunks/app/blog/%5B...slug%5D/page-7bf0200df9e13045.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\"],\"default\"]\n1a:I[82100,[\"8607\",\"static/chunks/8607-82e1710a33768079.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"3063\",\"static/chunks/3063-61f96f2b62c9e64f.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"7244\",\"static/chunks/7244-9e774de0bfe4ebea.js?dpl=dpl_3QKfwUuYaD8R3xWix"])</script>
2<script>self.__next_f.push([1,"9bLHfQrVwCK\",\"7579\",\"static/chunks/7579-4473dccd3b459957.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"5940\",\"static/chunks/5940-3ac3146bf1af3a58.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"1530\",\"static/chunks/1530-5822204c6a2e7f3d.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"4974\",\"static/chunks/4974-6fcb8bea58109ec0.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"9430\",\"static/chunks/9430-5529bcb71c208d55.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"2684\",\"static/chunks/2684-929eda306146f82c.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\",\"6909\",\"static/chunks/app/blog/%5B...slug%5D/page-7bf0200df9e13045.js?dpl=dpl_3QKfwUuYaD8R3xWix9bLHfQrVwCK\"],\"default\"]\n"])</script>
2<script>self.__next_f.push([1,"f:[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"BlogPosting\\\",\\\"headline\\\":\\\"Introducing Supernova Editor MCP\\\",\\\"datePublished\\\":\\\"2026-09-01T00:00:00.000Z\\\",\\\"dateModified\\\":\\\"2026-09-01T00:00:00.000Z\\\",\\\"description\\\":\\\"Agents could already read your design system. Editor MCP lets them write to it — the first real step toward a fully agentic design system. Public beta, from the AI tools you already use.\\\",\\\"image\\\":\\\"/static/images/blog/introducing-supernova-editor-mcp/hero.png\\\",\\\"url\\\":\\\"https://www.supernova.io/blog/introducing-supernova-editor-mcp\\\",\\\"author\\\":[{\\\"@type\\\":\\\"Person\\\",\\\"name\\\":\\\"Jan Belohlavek\\\"}]}\"}}],[\"$\",\"$L18\",null,{\"content\":{\"title\":\"Introducing Supernova Editor MCP\",\"date\":\"2026-09-01T00:00:00.000Z\",\"tags\":[\"product\"],\"draft\":false,\"featured\":false,\"summary\":\"Agents could already read your design system. Editor MCP lets them write to it — the first real step toward a fully agentic design system. Public beta, from the AI tools you already use.\",\"images\":[\"/static/images/blog/introducing-supernova-editor-mcp/hero.png\"],\"authors\":[\"jan-belohlavek\"],\"type\":\"Blog\",\"readingTime\":{\"text\":\"4 min read\",\"minutes\":3.54,\"time\":212400,\"words\":708},\"slug\":\"introducing-supernova-editor-mcp\",\"path\":\"blog/introducing-supernova-editor-mcp\",\"filePath\":\"blog/introducing-supernova-editor-mcp.mdx\",\"toc\":[{\"value\":\"From conversation to real edits\",\"url\":\"#from-conversation-to-real-edits\",\"depth\":2},{\"value\":\"One URL, from the tool you're already in\",\"url\":\"#one-url-from-the-tool-youre-already-in\",\"depth\":2}],\"structuredData\":{\"@context\":\"https://schema.org\",\"@type\":\"BlogPosting\",\"headline\":\"Introducing Supernova Editor MCP\",\"datePublished\":\"2026-09-01T00:00:00.000Z\",\"dateModified\":\"2026-09-01T00:00:00.000Z\",\"description\":\"Agents could already read your design system. Editor MCP lets them write to it — the first real step toward a fully agentic design system. Public beta, from the AI tools you already use.\",\"image\":\"/static/images/blog/introducing-supernova-editor-mcp/hero.png\",\"url\":\"https://www.supernova.io/blog/introducing-supernova-editor-mcp\",\"author\":[{\"@type\":\"Person\",\"name\":\"Jan Belohlavek\"}]}},\"authorDetails\":[{\"name\":\"Jan Belohlavek\",\"avatar\":\"/static/images/authors/jan-belohlavek.png\",\"role\":\"Head of Marketing\",\"type\":\"Authors\",\"readingTime\":{\"text\":\"1 min read\",\"minutes\":0.025,\"time\":1500,\"words\":5},\"slug\":\"jan-belohlavek\",\"path\":\"authors/jan-belohlavek\",\"filePath\":\"authors/jan-belohlavek.mdx\",\"toc\":[]}],\"next\":{\"title\":\"AI‑Ready Design Systems: Preparing Your Design System for Machine‑Powered Product Development\",\"date\":\"2026-09-03T00:00:00.000Z\",\"tags\":[\"foundations\",\"AI Contexts\"],\"draft\":false,\"featured\":false,\"summary\":\"A practical guide to preparing your design system for AI agents, and why the same foundations that help machines also make your system better for your team.\",\"images\":[\"/static/images/blog/ai-ready-design-systems-preparing-your-design-system-for-machine-powered-product-development/hero.png\"],\"authors\":[\"beatriz-novais\"],\"type\":\"Blog\",\"readingTime\":{\"text\":\"9 min read\",\"minutes\":8.315,\"time\":498900,\"words\":1663},\"slug\":\"ai-ready-design-systems-preparing-your-design-system-for-machine-powered-product-development\",\"path\":\"blog/ai-ready-design-systems-preparing-your-design-system-for-machine-powered-product-development\",\"filePath\":\"blog/ai-ready-design-systems-preparing-your-design-system-for-machine-powered-product-development.mdx\",\"toc\":[{\"value\":\"Designing for humans and machines\",\"url\":\"#designing-for-humans-and-machines\",\"depth\":2},{\"value\":\"Why design systems break down in AI workflows\",\"url\":\"#why-design-systems-break-down-in-ai-workflows\",\"depth\":2},{\"value\":\"What an AI‑ready system looks like (and why it's not only for AI)\",\"url\":\"#what-an-aiready-system-looks-like-and-why-its-not-only-for-ai\",\"depth\":2},{\"value\":\"Why it pays to prepare: the ROI of structured systems\",\"url\":\"#why-it-pays-to-prepare-the-roi-of-structured-systems\",\"depth\":2},{\"value\":\"So how do you actually prepare?\",\"url\":\"#so-how-do-you-actually-prepare\",\"depth\":2},{\"value\":\"What changes when agents can contribute back\",\"url\":\"#what-changes-when-agents-can-contribute-back\",\"depth\":2},{\"value\":\"Start now, start small\",\"url\":\"#start-now-start-small\",\"depth\":2},{\"value\":\"Further reading\",\"url\":\"#further-reading\",\"depth\":2}],\"structuredData\":{\"@context\":\"https://schema.org\",\"@type\":\"BlogPosting\",\"headline\":\"AI‑Ready Design Systems: Preparing Your Design System for Machine‑Powered Product Development\",\"datePublished\":\"2026-09-03T00:00:00.000Z\",\"dateModified\":\"2026-09-03T00:00:00.000Z\",\"description\":\"A practical guide to preparing your design system for AI agents, and why the same foundations that help machines also make your system better for your team.\",\"image\":\"/static/images/blog/ai-ready-design-systems-preparing-your-design-system-for-machine-powered-
2product-development/hero.png\",\"url\":\"https://www.supernova.io/blog/ai-ready-design-systems-preparing-your-design-system-for-machine-powered-product-development\"}},\"prev\":{\"title\":\"Design System MCP Servers: Who Has One and What They Actually Do\",\"date\":\"2026-08-30T00:00:00.000Z\",\"tags\":[\"AI Contexts\"],\"draft\":false,\"featured\":false,\"summary\":\"Figma, Storybook, zeroheight, Knapsack and Supernova all have MCP servers, but they are not the same kind of thing. What each covers and how to choose.\",\"images\":[\"/static/images/blog/design-system-mcp-servers/hero.png\"],\"authors\":[\"nezar-mansour\"],\"type\":\"Blog\",\"readingTime\":{\"text\":\"7 min read\",\"minutes\":6.165,\"time\":369900,\"words\":1233},\"slug\":\"design-system-mcp-servers\",\"path\":\"blog/design-system-mcp-servers\",\"filePath\":\"blog/design-system-mcp-servers.mdx\",\"toc\":[{\"value\":\"The source tools\",\"url\":\"#the-source-tools\",\"depth\":2},{\"value\":\"What each one actually covers\",\"url\":\"#what-each-one-actually-covers\",\"depth\":2},{\"value\":\"Inside the design system tier\",\"url\":\"#inside-the-design-system-tier\",\"depth\":2},{\"value\":\"The test that separates them\",\"url\":\"#the-test-that-separates-them\",\"depth\":2},{\"value\":\"Limits and setup\",\"url\":\"#limits-and-setup\",\"depth\":2},{\"value\":\"How to choose\",\"url\":\"#how-to-choose\",\"depth\":2},{\"value\":\"What changes next\",\"url\":\"#what-changes-next\",\"depth\":2}],\"structuredData\":{\"@context\":\"https://schema.org\",\"@type\":\"BlogPosting\",\"headline\":\"Design System MCP Servers: Who Has One and What They Actually Do\",\"datePublished\":\"2026-08-30T00:00:00.000Z\",\"dateModified\":\"2026-08-30T00:00:00.000Z\",\"description\":\"Figma, Storybook, zeroheight, Knapsack and Supernova all have MCP servers, but they are not the same kind of thing. What each covers and how to choose.\",\"image\":\"/static/images/blog/design-system-mcp-servers/hero.png\",\"url\":\"https://www.supernova.io/blog/design-system-mcp-servers\"}},\"children\":[[\"$\",\"p\",null,{\"children\":\"A design system team is often one or two people holding up an entire org. They get pulled into every new problem. The system itself — the docs, the names, the gaps, the drift between Figma and code — waits. It always waits.\"}],[\"$\",\"p\",null,{\"children\":[\"Agents already changed the other half of the job. Point an AI tool at your design system and building gets faster. Adoption gets easier. The agent can \",[\"$\",\"em\",null,{\"children\":\"see\"}],\" the tokens, the components, the rules. That was a big step. It was not the one that mattered for the people maintaining the system.\"]}],[\"$\",\"p\",null,{\"children\":\"Because a system that agents can only read is still a system that humans have to keep.\"}],[\"$\",\"p\",null,{\"children\":[\"An \",[\"$\",\"$L19\",null,{\"href\":\"/blog/what-is-an-agentic-design-system\",\"children\":\"agentic design system\"}],\" is one that agents can act on. Query, resolve, and contribute — not just consume. Reading got us to the door. \",[\"$\",\"strong\",null,{\"children\":\"Write access is the first step through it.\"}]]}],[\"$\",\"p\",null,{\"children\":\"That's what we shipped.\"}],[\"$\",\"div\",null,{\"className\":\"not-prose p-xlarge w-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative aspect-video w-full overflow-hidden rounded-xl\",\"children\":[\"$\",\"iframe\",null,{\"src\":\"https://www.youtube.com/embed/6g6S9uWand0?rel=0\u0026\u0026origin=https%3A%2F%2Fwww.supernova.io\",\"title\":\"Editor MCP\",\"className\":\"absolute -inset-px h-[calc(100%+2px)] w-[calc(100%+2px)] max-w-none border-0\",\"style\":{\"border\":0},\"allow\":\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\"allowFullScreen\":true}]}]}],[\"$\",\"h2\",null,{\"className\":\"content-header\",\"id\":\"from-conversation-to-real-edits\",\"children\":[[\"$\",\"$L19\",null,{\"href\":\"#from-conversation-to-real-edits\",\"aria-hidden\":\"true\",\"tabIndex\":\"-1\",\"children\":[\"$\",\"span\",null,{\"className\":\"content-header-link\",\"children\":[\"$\",\"svg\",null,{\"className\":\"h-5 linkicon w-5\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 20 20\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z\"}],[\"$\",\"path\",null,{\"d\":\"M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z\"}]]}]}]}],\"From conversation to real edits\"]}],[\"$\",\"p\",null,{\"children\":[[\"$\",\"strong\",null,{\"children\":\"Editor MCP\"}],\" gives the AI tools you already live in — Cursor, Claude, VS Code, Codex, ChatGPT — write access to Supernova. Documentation, tokens, components, files, skills, contexts, pipelines.\"]}],[\"$\",\"p\",null,{\"children\":\"You don't get a suggestion to copy-paste back into the product. You have a conversation, and the edit lands in Supernova the same way it would if you'd made it yourself.\"}],[\"$\",\"p\",null,{\"children\":\"Forget the backlog of \\\"we should document that.\\\" The agent can document it. Forget the rename that touches forty pages. The agent can sweep it. The work that used to be a quarter's worth of maintenance can start happening in the background of the tools your team already has open.\"}],[\"$\",\"p\",null,{\"children\":[\"We ran this in early access before today. The part that stayed with us wasn't the speed. It was watching teams treat the design system as something an agent could \",[\"$\",\"em\",null,{\"children\":\"keep\"}],\" — not just look up.\"]}],[\"$\",\"p\",null,{\"children\":\"They documented every new component as it landed. They found the pages missing states and usage guidelines, drafted the gaps, and didn't panic, because page history can restore any docs change. They renamed and deprecated 
2in one pass. They drafted documentation after a Figma import. They enforced naming. They caught Figma variants drifting from coded properties. They audited for stale pages and broken links before anyone had to go looking.\"}],[\"$\",\"p\",null,{\"children\":\"That's not a feature list. That's what a design system starts to look like when agents can write.\"}],[\"$\",\"blockquote\",null,{\"children\":[[\"$\",\"p\",null,{\"children\":\"I see Supernova MCP as a massive time-saver after trying it in action this morning. I'm looking forward to making our design system maintenance completely agentic. Link codebases, Figma, etc. This is going to be huge!\"}],[\"$\",\"p\",null,{\"children\":\"— Felix Pfahlert, Design System Lead, EGYM Wellpass\"}]]}],[\"$\",\"p\",null,{\"children\":\"Felix is pointing at the same horizon we are. Maintenance that runs itself. A system that stays true because agents are in it, not because two people found a free afternoon.\"}],[\"$\",\"p\",null,{\"children\":\"Fully agentic is still ahead of us: agents that operate the system with people setting the boundaries — what they may do unsupervised, what needs review, what stays a human decision. Editor MCP is the first move that makes that future possible. Without write, agents are well-informed spectators. With it, they can take care of the house.\"}],[\"$\",\"h2\",null,{\"className\":\"content-header\",\"id\":\"one-url-from-the-tool-youre-already-in\",\"children\":[[\"$\",\"$L19\",null,{\"href\":\"#one-url-from-the-tool-youre-already-in\",\"aria-hidden\":\"true\",\"tabIndex\":\"-1\",\"children\":[\"$\",\"span\",null,{\"className\":\"content-header-link\",\"children\":[\"$\",\"svg\",null,{\"className\":\"h-5 linkicon w-5\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 20 20\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z\"}],[\"$\",\"path\",null,{\"d\":\"M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z\"}]]}]}]}],\"One URL, from the tool you're already in\"]}],[\"$\",\"p\",null,{\"children\":\"We wanted this to feel like nothing to install. There is one URL to connect to any design system or context:\"}],[\"$\",\"$L1a\",null,{\"className\":\"language-js\",\"children\":[\"$\",\"code\",null,{\"className\":\"language-js code-highlight\",\"children\":[\"$\",\"span\",null,{\"className\":\"code-line\",\"children\":[[\"$\",\"span\",null,{\"className\":\"token literal-property property\",\"children\":\"https\"}],[\"$\",\"span\",null,{\"className\":\"token operator\",\"children\":\":\"}],[\"$\",\"span\",null,{\"className\":\"token operator\",\"children\":\"/\"}],[\"$\",\"span\",null,{\"className\":\"token operator\",\"children\":\"/\"}],\"mcp\",[\"$\",\"span\",null,{\"className\":\"token punctuation\",\"children\":\".\"}],[\"$\",\"span\",null,{\"className\":\"token property-access\",\"children\":\"supernova\"}],[\"$\",\"span\",null,{\"className\":\"token punctuation\",\"children\":\".\"}],[\"$\",\"span\",null,{\"className\":\"token property-access\",\"children\":\"io\"}],[\"$\",\"span\",null,{\"className\":\"token operator\",\"children\":\"/\"}],\"mcp\\n\"]}]}]}],[\"$\",\"p\",null,{\"children\":[\"At sign-in, pick a \",[\"$\",\"strong\",null,{\"children\":\"design system\"}],\" for Editor MCP, or a \",[\"$\",\"strong\",null,{\"children\":\"context\"}],\" for read-only access. The documentation skills are bundled into the server. Your agent already speaks Supernova.\"]}],[\"$\",\"p\",null,{\"children\":[[\"$\",\"strong\",null,{\"children\":\"Editor MCP is in public beta, and it's free to use.\"}],\" The tools don't consume Workspace credits today. That will change once it graduates from beta, and we'll give you plenty of notice before it does.\"]}],[\"$\",\"p\",null,{\"children\":\"Use it while it's free. Point it at the documentation backlog you've been putting off. Run an audit. Try a bulk edit you'd never have attempted by hand. Then tell us what you find — this beta is how we learn what a fully agentic de
2sign system actually needs to be.\"}],[\"$\",\"p\",null,{\"children\":\"Reading showed agents the system. Writing lets them take care of it. That's the first step. Let's take it.\"}],[\"$\",\"p\",null,{\"children\":[\"👉 \",[\"$\",\"$L19\",null,{\"href\":\"https://learn.supernova.io/latest/ai/mcp/editor-mcp-zZuzFobd\",\"children\":\"Read the Editor MCP docs\"}]]}],[\"$\",\"p\",null,{\"children\":[\"👉 \",[\"$\",\"$L19\",null,{\"href\":\"https://learn.supernova.io/latest/releases/august-2026/editor-mcp-your-design-system-editable-from-any-ai-tool-29ohyDT6\",\"children\":\"See the full release notes\"}]]}]]}]]\n"])</script>
2<script>self.__next_f.push([1,"14:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n11:null\n"])</script>
2<script>self.__next_f.push([1,"12:null\n"])</script>
2<script>self.__next_f.push([1,"16:[[\"$\",\"title\",\"0\",{\"children\":\"Introducing Supernova Editor MCP | Supernova.io\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Agents could already read your design system. Editor MCP lets them write to it — the first real step toward a fully agentic design system. Public beta, from the AI tools you already use.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"canonical\",\"href\":\"https://www.supernova.io/blog/introducing-supernova-editor-mcp\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:title\",\"content\":\"Introducing Supernova Editor MCP\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:description\",\"content\":\"Agents could already read your design system. Editor MCP lets them write to it — the first real step toward a fully agentic design system. Public beta, from the AI tools you already use.\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:url\",\"content\":\"https://www.supernova.io/blog/introducing-supernova-editor-mcp\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:site_name\",\"content\":\"Supernova.io\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image\",\"content\":\"https://www.supernova.io/static/images/blog/introducing-supernova-editor-mcp/hero.png\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"$\",\"meta\",\"10\",{\"property\":\"article:published_time\",\"content\":\"2026-09-01T00:00:00.000Z\"}],[\"$\",\"meta\",\"11\",{\"property\":\"article:modified_time\",\"content\":\"2026-09-01T00:00:00.000Z\"}],[\"$\",\"meta\",\"12\",{\"property\":\"article:author\",\"content\":\"Jan Belohlavek\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:title\",\"content\":\"Introducing Supernova Editor MCP\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:description\",\"content\":\"Agents could already read your design system. Editor MCP lets them write to it — the first real step toward a fully agentic design system. Public beta, from the AI tools you already use.\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:image\",\"content\":\"https://www.supernova.io/static/images/blog/introducing-supernova-editor-mcp/hero.png\"}],[\"$\",\"link\",\"17\",{\"rel\":\"icon\",\"href\":\"/icon.png?fbc0622d1e7547ae\",\"type\":\"image/png\",\"sizes\":\"256x256\"}],[\"$\",\"link\",\"18\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png?92b293696500131f\",\"type\":\"image/png\",\"sizes\":\"180x180\"}]]\n"])</script>
2</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.