docs: make the anncement visable

Author: antfu

docs/app/app.config.ts

@@ -23,7 +23,7 @@ export default defineAppConfig({
       { label: 'Add-ons', sections: ['add-ons'], link: 'section' as const },
       { label: 'Reference', sections: ['references'], link: 'section' as const },
       { label: 'Errors', sections: ['errors'], link: 'section' as const },
-      // { label: 'Blog', sections: ['posts'], link: 'section' as const },
+      { label: 'Blog', sections: ['posts'], link: 'section' as const },
       {
         label: `v${devframePkg.version}`,
         to: '/migrations',

docs/app/components/global/PostAuthor.vue

@@ -15,7 +15,8 @@ withDefaults(defineProps<{
     :href="href"
     target="_blank"
     rel="noopener noreferrer"
-    class="not-prose mt-6 inline-flex items-center gap-3 rounded-lg text-inherit no-underline transition-opacity hover:opacity-80"
+    style="margin-top: -5rem;"
+    class="not-prose mb-6 inline-flex items-center gap-3 rounded-lg text-inherit no-underline transition-opacity hover:opacity-80"
   >
     <img
       src="https://github.com/antfu.png?size=96"

docs/content/9.posts/1.pluggable-extensible-playful-devtools.md

@@ -3,16 +3,13 @@ title: Pluggable, Extensible, and Playful DevTools
 date: 2026-08-30T00:00:00Z
 lang: en
 duration: 15min
-description: 'Why DevTools should be portable devframes: one definition, many host frameworks, and shared interfaces for people and coding agents.'
+description: 'Introduction to Devframe, a framework for building pluggable, extensible, and playful DevTools.'
 author: Anthony Fu
 ---
 
 ::post-author{author="Anthony Fu" handle="@antfu" href="https://github.com/antfu"}
 ::
 
-> [!NOTE]
-> This page is still working in progress and not yet announced. Please don't share it outside yet.
-
 Over the years, we have built quite a few DevTools: [UnoCSS Inspector](https://unocss.dev/tools/inspector#inspector), [Vite Plugin Inspect](https://github.com/antfu-collective/vite-plugin-inspect), [Vitest UI](https://vitest.dev/guide/ui), [Nuxt DevTools](https://github.com/nuxt/devtools), [ESLint Config Inspector](https://github.com/eslint/config-inspector), and [Node Modules Inspector](https://github.com/antfu/node-modules-inspector), among others.
 
 They look quite different, but fundamentally they all try to do the same thing: make implicit state visible. Instead of guessing why a CSS utility was generated, how a module was transformed, or which configuration applies to a file, we can see the process directly and interact with it.

docs/content/index.md

@@ -54,19 +54,18 @@ A framework-neutral foundation for devtools. One definition becomes a Web Standa
   :::
 ::
 
-<!-- 
+
 ::u-page-section
   :::callout
   ---
   icon: i-lucide-newspaper
-  to: https://antfu.me/posts/pluggable-extensible-playful-devtools
+  to: /posts/pluggable-extensible-playful-devtools
   target: _blank
   class: 'max-w-3xl mx-auto mt-[-10]'
   ---
   Read the announcement, **Pluggable, Extensible, and Playful DevTools**, for the vision behind devframe.
   :::
 ::
--->
 
 ::landing-features
 #headline
@@ -341,24 +340,20 @@ When several devtools run at once, discovery becomes the problem. `@devframes/hu
   ```
 ::
 
-
-<!--
-  - label: Read the announcement
-    to: https://antfu.me/posts/pluggable-extensible-playful-devtools
-    target: _blank
-    color: neutral
-    variant: subtle
-    size: lg
-    icon: i-lucide-newspaper
--->
-
 ::landing-cta
 ---
 links:
   - label: Get started
     to: /guide
     trailingIcon: i-lucide-arrow-right
     size: lg
+  - label: Read the announcement
+    to: /posts/pluggable-extensible-playful-devtools
+    target: _blank
+    color: neutral
+    variant: subtle
+    size: lg
+    icon: i-lucide-newspaper
 ---
 #title
 Ship your devtool everywhere

skills/devframe/SKILL.md

@@ -30,7 +30,7 @@ Two layers, one boundary:
 
 Devframe is framework- and build-tool-agnostic - it has zero dependency on Vite or any `@vitejs/*` package and makes no UI-framework assumption. [Vite DevTools](https://devtools.vite.dev/) is the first flagship hub UI provider built on it; the built-in devframes deliberately span Vue, Svelte, Solid, React, and Next to prove the point.
 
-High-level concept: [Pluggable, Extensible, and Playful DevTools](https://antfu.me/posts/pluggable-extensible-playful-devtools). Full reference: [devfra.me](https://devfra.me/).
+High-level concept: [Pluggable, Extensible, and Playful DevTools](https://devfra.me/posts/pluggable-extensible-playful-devtools). Full reference: [devfra.me](https://devfra.me/).
 
 ## Deployment map — pick by how it's served, not by what it does