#7233 section 3: button config & vdom explanation enhancement

Author: tobiu

learn/blog/ai-native-platform-answers-questions.md

@@ -109,9 +109,25 @@ Now, here is the same component as a Neo.mjs JSON blueprint:
 }
 ```
 
-We call this the "JSON Blueprint" advantage. For an AI, the blueprint is immediately parsable data, whereas JSX requires an understanding of JavaScript's syntax, build tools, and React's `createElement` abstraction. There is no ambiguity.
+A skeptic might correctly point out that this blueprint is a configuration for a class instance (`Neo.button.Base`), which gets consumed by `Neo.create()` to create the matching instance. This is true. However, the fundamental difference remains: inside a classic Neo.mjs component, the VDOM that gets rendered is *also* a simple, declarative JSON-like object. It is not generated by parsing a template string.
 
-This advantage also extends to raw efficiency and cost. Parsing HTML is a notoriously complex task requiring large libraries like `parse5` (which is over 170KB minified). While LLMs are heavily trained on JSX, it still requires a full transpilation step to be understood as code. In contrast, JSON is parsed natively with extreme efficiency. For an AI, this means fewer tokens are needed to define a component, less computational power is wasted on parsing complex syntax, and the end result is a faster, cheaper, and more reliable generation process, making it incredibly easy and predictable to reason about UI structures.
+Here is the default `_vdom` property directly from `src/button/Base.mjs`:
+
+```javascript readonly
+// The Button's internal VDOM structure
+{
+  tag: 'button', type: 'button', cn: [
+    {tag: 'span', cls: ['neo-button-glyph']},
+    {tag: 'span', cls: ['neo-button-text']},
+    {cls: ['neo-button-badge']},
+    {cls: ['neo-button-ripple-wrapper'], cn: [
+        {cls: ['neo-button-ripple']}
+    ]}
+  ]
+}
+```
+
+This consistent, data-first approach to UI definition at every level is what makes the platform uniquely transparent to an AI. We call this the "JSON Blueprint" advantage. For an AI, the blueprint is immediately parsable data, whereas JSX requires an understanding of JavaScript's syntax, build tools, and React's `createElement` abstraction. There is no ambiguity.
 
 ### 4. Multi-Threading for Unmatched Performance