feat(practise): add examples of code-as-ui and architecture-dsl

Add examples of code-as-ui and architecture-dsl to the Practise section. These examples demonstrate how non-technical users can participate in UI design and how abstract components can generate code using AI and mind chains. This enhances prototype development and iteration speed.
unit-mesh · Feb 26, 2024 · 42674f1 · 42674f1
1 parent 7e74d4b
commit 42674f1
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 1 deletion.
diff --git a/practise/architecture-dsl.md b/practise/architecture-dsl.md
@@ -0,0 +1,12 @@
+---
+layout: default
+title: 抽象架构语言
+nav_order: 2
+parent: Practise
+---
+
+
+## 基于问答的辅助架构设计
+
+## 基于 DSL 的架构治理
+
diff --git a/practise/code-as-ui.md b/practise/code-as-ui.md
@@ -17,3 +17,14 @@ parent: Practise
 这种方法的优势在于，它简化了前端开发的过程，使得非技术背景的用户也能够参与界面设计。用户可以通过简单的操作或者提供高层次的描述，
 让AI生成对应的前端代码，从而构建用户界面。这不仅降低了对编码技能的依赖，还能够加快应用程序的原型开发和迭代过程。
 
+## 示例：AutoDev - ArkUI 生成
+
+视频演示：[AutoDev - ArkUI 生成](https://www.bilibili.com/video/BV11A4m137k9/)
+
+原理：抽象组件示例，结合思维链生成代码。
+
+## 示例：AutoDev - 精准页面生成（AutoPage）
+
+视频演示：[AutoPage](https://www.bilibili.com/video/BV1Ye411h7Qu/)
+
+原理：抽象组件示例，结合思维链生成代码。
diff --git a/practise/unit-driven.md b/practise/unit-driven.md
@@ -1,7 +1,7 @@
 ---
 layout: default
 title: 单元驱动生成
-nav_order: 1
+nav_order: 3
 parent: Practise
 ---